:root{--bg-primary:#06060b;--bg-secondary:#0c0c14;--bg-tertiary:#12121e;--text-primary:#f0eef8;--text-secondary:#9994b8;--text-muted:#5e577a;--accent:#a855f7;--accent-hover:#c084fc;--accent-glow:rgba(168, 85, 247, 0.2);--accent-soft:rgba(168, 85, 247, 0.08);--accent-gradient:linear-gradient(135deg, #a855f7, #6d28d9, #7c3aed);--gold:#f0c040;--gold-soft:rgba(240, 192, 64, 0.1);--glass-bg:rgba(255, 255, 255, 0.03);--glass-bg-hover:rgba(255, 255, 255, 0.06);--glass-border:rgba(255, 255, 255, 0.06);--surface:rgba(255, 255, 255, 0.03);--surface-border:rgba(255, 255, 255, 0.06);--surface-hover:rgba(255, 255, 255, 0.06);--radius:16px;--radius-lg:20px;--radius-xl:28px;--transition:0.4s cubic-bezier(0.23, 1, 0.32, 1);--font:"Inter",-apple-system,sans-serif;--font-display:"Playfair Display",Georgia,serif;--max-width:1200px}*,::after,::before{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{font-family:var(--font);background:var(--bg-primary);color:var(--text-primary);line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden;cursor:none}.cursor-main{width:12px;height:12px;position:fixed;top:0;left:0;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);mix-blend-mode:screen}.cursor-main::before{content:'';position:absolute;width:100%;height:100%;background:var(--accent);border-radius:50%;box-shadow:0 0 12px rgba(168,85,247,.8),0 0 30px rgba(168,85,247,.4);animation:1.5s ease-in-out infinite cursorPulse}.cursor-main::after{content:'';position:absolute;width:4px;height:4px;background:#fff;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.cursor-main.hover::before{background:var(--gold);box-shadow:0 0 16px rgba(240,192,64,.9),0 0 40px rgba(240,192,64,.4);animation:.8s ease-in-out infinite cursorPulseHover;width:18px;height:18px;top:-3px;left:-3px}.cursor-trail{position:fixed;pointer-events:none;z-index:9998;width:6px;height:6px;border-radius:50%;background:var(--accent);opacity:0;transform:translate(-50%,-50%);mix-blend-mode:screen}@keyframes cursorPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}@keyframes cursorPulseHover{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.8}}.btn,.contact-card,.project-card,.skill-card,.stat,a,button,input,textarea{cursor:none}@media (pointer:coarse){.btn,.contact-card,.project-card,.skill-card,.stat,a,body,button,input,textarea{cursor:auto}.cursor-main,.cursor-trail{display:none!important}}img{max-width:100%;display:block}a{color:var(--accent);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--accent-hover)}::selection{background:var(--accent);color:var(--bg-primary)}#particleCanvas{position:fixed;inset:0;z-index:0;pointer-events:none}.bg-objects{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.bg-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(168,85,247,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(168,85,247,.03) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse at 50% 50%,black 20%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at 50% 50%,black 20%,transparent 70%)}.bg-glow{position:absolute;border-radius:50%;filter:blur(100px);animation:20s ease-in-out infinite bgGlowDrift}.bg-glow-1{width:600px;height:600px;background:rgba(168,85,247,.06);top:10%;right:-10%;animation-duration:25s}.bg-glow-2{width:400px;height:400px;background:rgba(240,192,64,.04);bottom:20%;left:-5%;animation-duration:18s;animation-delay:-7s}.bg-glow-3{width:500px;height:500px;background:rgba(124,58,237,.05);top:50%;left:40%;animation-duration:22s;animation-delay:-12s}@keyframes bgGlowDrift{0%,100%{transform:translate(0,0) scale(1)}25%{transform:translate(30px,-40px) scale(1.1)}50%{transform:translate(-20px,30px) scale(.9)}75%{transform:translate(15px,20px) scale(1.05)}}.bg-ring{position:absolute;border-radius:50%;border:1px solid rgba(168,85,247,.06);animation:40s linear infinite bgRingSpin}.bg-ring-1{width:500px;height:500px;top:5%;right:5%;border-color:rgba(168,85,247,.05)}.bg-ring-2{width:350px;height:350px;bottom:10%;left:8%;animation-direction:reverse;animation-duration:50s;border-color:rgba(240,192,64,.04)}@keyframes bgRingSpin{to{transform:rotate(360deg)}}.bg-line{position:absolute;width:1px;background:linear-gradient(to bottom,transparent,rgba(168,85,247,.08),transparent);animation:12s ease-in-out infinite bgLineDrift}.bg-line-1{height:300px;top:15%;left:20%;transform:rotate(25deg);animation-delay:0s}.bg-line-2{height:200px;top:40%;right:25%;transform:rotate(-15deg);animation-delay:-4s;background:linear-gradient(to bottom,transparent,rgba(240,192,64,.06),transparent)}.bg-line-3{height:250px;bottom:20%;left:55%;transform:rotate(35deg);animation-delay:-8s}@keyframes bgLineDrift{0%,100%{opacity:0;transform:translateY(0) rotate(25deg)}50%{opacity:1;transform:translateY(-30px) rotate(25deg)}}.glass{background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.glass-subtle{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.04);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.container{max-width:var(--max-width);margin:0 auto;padding:0 32px;position:relative;z-index:2}.section{padding:90px 0;position:relative;transform-style:preserve-3d;perspective:1200px}.section-header{text-align:center;margin-bottom:40px}.section-tag{display:inline-block;font-size:.7rem;font-weight:600;color:var(--gold);letter-spacing:4px;text-transform:uppercase;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid rgba(240,192,64,.2)}.section-title{font-family:var(--font-display);font-size:clamp(2.2rem, 5vw, 3.2rem);font-weight:900;letter-spacing:-.02em;color:var(--text-primary)}.section-subtitle{text-align:center;color:var(--text-muted);font-size:.95rem;max-width:500px;margin:12px auto 28px;line-height:1.7}.navbar{position:fixed;top:0;left:0;right:0;transform:none;z-index:1000;padding:16px 32px;border-radius:0;width:100%;max-width:none;transition:all var(--transition);background:0 0;border:none;backdrop-filter:none;box-shadow:none}.navbar.scrolled{background:rgba(6,6,11,.92)!important;backdrop-filter:blur(24px)!important;border-bottom:1px solid rgba(168,85,247,.08)!important;box-shadow:0 8px 32px rgba(0,0,0,.4),0 0 60px rgba(168,85,247,.04)}.nav-container{display:flex;align-items:center;justify-content:space-between;gap:32px}.logo{font-family:var(--font-display);font-size:1.15rem;font-weight:900;color:var(--text-primary)!important;white-space:nowrap;letter-spacing:-.01em}.logo-bracket{color:var(--gold)}.nav-links{display:flex;list-style:none;gap:8px;align-items:center}.nav-links a{color:var(--text-secondary);font-weight:500;font-size:.85rem;padding:8px 14px;border-radius:0;position:relative;transition:all var(--transition);letter-spacing:.5px}.nav-links a.active,.nav-links a:hover{color:var(--text-primary);background:0 0}.nav-links a.active::after{content:'';position:absolute;bottom:2px;left:14px;right:14px;height:1px;background:var(--accent)}.btn-nav{background:0 0!important;color:var(--accent)!important;font-weight:600!important;padding:8px 22px!important;border:1px solid var(--accent)!important;border-radius:var(--radius)!important;text-transform:uppercase;font-size:.8rem!important;letter-spacing:1px;transition:all var(--transition)!important}.btn-nav:hover{background:var(--accent)!important;color:var(--bg-primary)!important;box-shadow:0 0 20px rgba(168,85,247,.3);transform:translateY(-1px)}.nav-toggle{display:none;flex-direction:column;gap:5px;background:0 0;border:none;cursor:pointer;padding:4px}.nav-toggle span{width:22px;height:2px;background:var(--text-primary);border-radius:2px;transition:var(--transition)}.hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;padding-top:100px;padding-bottom:60px;transform-style:preserve-3d;perspective:1500px}.hero-content{position:relative;z-index:3;max-width:700px}.hero-badge{display:inline-flex;align-items:center;gap:10px;padding:0;border-radius:0;font-size:.8rem;font-weight:500;color:var(--text-muted);margin-bottom:32px;letter-spacing:2px;text-transform:uppercase;background:0 0;border:none}.pulse-dot{width:8px;height:8px;background:#57f287;border-radius:50%;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(87,242,135,.5)}50%{opacity:.7;box-shadow:0 0 0 8px rgba(87,242,135,0)}}.hero-name{font-family:var(--font-display);margin-bottom:24px}.hero-name .line{display:block;font-size:clamp(3.2rem, 9vw, 6rem);font-weight:900;line-height:1.1;letter-spacing:-.02em;color:var(--text-primary);opacity:0;transform:translateY(60px) rotateX(-15deg);animation:1s cubic-bezier(.23,1,.32,1) forwards heroReveal}.hero-name .line-2{animation-delay:.15s;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.accent-dot{-webkit-text-fill-color:var(--gold)}@keyframes heroReveal{to{opacity:1;transform:translateY(0) rotateX(0)}}.hero-description{font-size:1.15rem;color:var(--text-secondary);max-width:520px;margin-bottom:40px;line-height:1.8;opacity:0;animation:.8s .4s forwards fadeUp}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}from{opacity:0;transform:translateY(20px)}}.hero-actions{display:flex;gap:16px;margin-bottom:48px;flex-wrap:wrap;opacity:0;animation:.8s .55s forwards fadeUp}.hero-stats{display:flex;gap:20px;flex-wrap:wrap;opacity:0;animation:.8s .7s forwards fadeUp}.stat{padding:24px 32px;border-radius:var(--radius-lg);text-align:center;min-width:140px;transition:all var(--transition);transform-style:preserve-3d}.stat:hover{background:rgba(168,85,247,.06);transform:translateY(-8px) translateZ(15px) rotateX(3deg);box-shadow:0 20px 40px rgba(0,0,0,.3),0 0 30px rgba(168,85,247,.08)}.stat-number{font-family:var(--font-display);font-size:2.8rem;font-weight:900;color:var(--gold);line-height:1.1}.stat-suffix{font-family:var(--font-display);font-size:1.8rem;font-weight:900;color:var(--gold)}.stat-label{display:block;font-size:.8rem;color:var(--text-muted);font-weight:500;margin-top:6px;letter-spacing:.5px;text-transform:uppercase}.hero-3d-elements{position:absolute;inset:0;z-index:1;pointer-events:none}.floating-card{position:absolute;padding:18px 24px;border-radius:var(--radius);font-size:.9rem;font-weight:600;color:var(--accent);transform-style:preserve-3d}.float-1{top:20%;right:8%;animation:6s ease-in-out infinite float3d}.float-2{top:55%;right:15%;animation:8s ease-in-out infinite reverse float3d}.float-2 code{font-size:1.4rem;font-weight:700;color:var(--accent)}.float-3{top:70%;right:5%;animation:7s ease-in-out 1s infinite float3d}.float-4{top:30%;right:25%;animation:9s ease-in-out .5s infinite float3d;font-size:.85rem}.float-5{top:45%;right:3%;animation:7.5s ease-in-out 2s infinite reverse float3d;font-family:var(--font-mono, monospace);font-size:.8rem;color:var(--gold)}.float-6{top:15%;right:22%;animation:10s ease-in-out 1.5s infinite float3d;font-size:1.6rem;font-weight:800;color:var(--gold)}.float-7{top:80%;right:18%;animation:8s ease-in-out 3s infinite reverse float3d;font-family:var(--font-mono, monospace);font-size:.8rem;color:var(--accent);letter-spacing:1px}.section-3d-elements{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}.section-float{position:absolute;padding:12px 18px;border-radius:var(--radius);font-size:.85rem;font-weight:600;color:var(--accent);transform-style:preserve-3d;opacity:.6}.section-float code{font-family:var(--font-mono, monospace);font-weight:700;color:var(--gold)}.sf-1{top:10%;right:5%;animation:8s ease-in-out infinite sectionFloat}.sf-2{bottom:20%;left:3%;animation:10s ease-in-out 1s infinite reverse sectionFloat;font-family:var(--font-mono, monospace);color:var(--gold);font-size:.75rem}.sf-3{top:50%;right:8%;animation:7s ease-in-out 2s infinite sectionFloat;font-family:var(--font-mono, monospace);font-size:.75rem}.sf-4{top:8%;left:4%;animation:9s ease-in-out infinite sectionFloat}.sf-5{top:15%;right:6%;animation:7s ease-in-out 1.5s infinite reverse sectionFloat;font-weight:800;letter-spacing:2px}.sf-6{bottom:15%;left:6%;animation:8s ease-in-out .5s infinite sectionFloat;font-size:1.4rem}.sf-7{bottom:25%;right:4%;animation:11s ease-in-out 2.5s infinite reverse sectionFloat;font-family:var(--font-mono, monospace);font-size:.75rem;color:var(--gold)}.sf-8{top:12%;left:5%;animation:8s ease-in-out 1s infinite sectionFloat;font-family:var(--font-mono, monospace);font-size:.75rem;color:var(--gold)}.sf-9{bottom:10%;right:5%;animation:9s ease-in-out infinite reverse sectionFloat;font-size:1.3rem}.sf-10{top:40%;right:3%;animation:7s ease-in-out 2s infinite sectionFloat}.sf-11{top:10%;right:8%;animation:8s ease-in-out infinite sectionFloat;font-size:1.3rem}.sf-12{bottom:20%;left:4%;animation:10s ease-in-out 1.5s infinite reverse sectionFloat;font-family:var(--font-mono, monospace);font-size:.75rem;color:var(--gold)}.sf-13{top:50%;left:3%;animation:7.5s ease-in-out 3s infinite sectionFloat;font-family:var(--font-mono, monospace);font-size:.8rem}@keyframes sectionFloat{0%,100%{transform:translateY(0) translateZ(0) rotateX(0) rotateY(0)}25%{transform:translateY(-18px) translateZ(20px) rotateX(8deg) rotateY(-5deg)}50%{transform:translateY(-30px) translateZ(35px) rotateX(-5deg) rotateY(10deg)}75%{transform:translateY(-12px) translateZ(15px) rotateX(6deg) rotateY(-8deg)}}@keyframes float3d{0%,100%{transform:translateY(0) rotateX(0) rotateY(0)}25%{transform:translateY(-20px) rotateX(5deg) rotateY(-5deg)}50%{transform:translateY(-35px) rotateX(-3deg) rotateY(8deg)}75%{transform:translateY(-15px) rotateX(8deg) rotateY(-3deg)}}.floating-orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.15}.orb-1{width:450px;height:450px;background:var(--accent);top:-5%;right:-5%;animation:10s ease-in-out infinite orbFloat}.orb-2{width:300px;height:300px;background:#7c3aed;bottom:15%;right:20%;animation:8s ease-in-out infinite reverse orbFloat}.orb-3{width:200px;height:200px;background:var(--gold);bottom:30%;left:-3%;animation:12s ease-in-out infinite orbFloat}@keyframes orbFloat{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(25px,-35px) scale(1.1)}66%{transform:translate(-15px,20px) scale(.95)}}.hero-scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;z-index:3}.scroll-line{width:2px;height:60px;background:linear-gradient(to bottom,var(--gold),var(--accent),transparent);animation:2s ease-in-out infinite scrollPulse}@keyframes scrollPulse{0%,100%{opacity:.3;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.2)}}.hero-scroll-indicator span{font-size:.7rem;color:var(--text-muted);letter-spacing:3px;text-transform:uppercase}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 36px;border-radius:10px;font-size:.88rem;font-weight:600;font-family:var(--font);border:1px solid transparent;transition:all var(--transition);position:relative;overflow:hidden;letter-spacing:.5px;text-transform:uppercase}.btn::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(168,85,247,.2),transparent 60%);opacity:0;transition:opacity .4s}.btn:hover::before{opacity:1}.btn-primary{background:var(--accent);color:var(--bg-primary);border-color:var(--accent)}.btn-glow{box-shadow:0 0 20px rgba(168,85,247,.15)}.btn-glow:hover{box-shadow:0 0 40px rgba(168,85,247,.35),0 0 80px rgba(168,85,247,.1);transform:translateY(-3px)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);transform:translateY(-3px)}.btn-glass{background:0 0;color:var(--text-secondary);border:1px solid rgba(168,85,247,.25)}.btn-glass:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-3px);background:rgba(168,85,247,.06);box-shadow:0 0 25px rgba(168,85,247,.12)}.btn-full{width:100%}.btn-show-more{display:none}.btn svg{transition:transform var(--transition)}.btn:hover svg{transform:translateX(4px)}.about-grid{display:grid;grid-template-columns:300px 1fr;gap:48px;align-items:start}.avatar-3d{position:relative;width:280px;height:280px;transform-style:preserve-3d}.avatar-inner{width:100%;height:100%;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;position:relative;z-index:2;overflow:hidden}.avatar-inner::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(168,85,247,.12),transparent,rgba(124,58,237,.08));z-index:0}.avatar-inner svg{width:90px;height:90px;color:var(--accent);position:relative;z-index:1}.avatar-ring{position:absolute;inset:-12px;border:1px solid rgba(168,85,247,.15);border-radius:var(--radius-xl);animation:3s ease-in-out infinite ringPulse}.ring-2{inset:-24px;border-color:rgba(168,85,247,.07);animation-delay:1s}@keyframes ringPulse{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}.about-name-badge{display:flex;flex-direction:column;align-items:center;margin-top:20px;gap:4px}.about-name{font-family:var(--font-display);font-size:1.4rem;font-weight:700;color:var(--text-primary);letter-spacing:.5px}.about-title{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:2px;background:linear-gradient(135deg,var(--accent),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-quote{font-family:var(--font-display);font-style:italic;font-size:1.1rem;color:var(--text-secondary);border-left:3px solid var(--accent);padding:12px 20px;margin:0 0 24px;background:rgba(168,85,247,.04);border-radius:0 var(--radius) var(--radius) 0}.about-text p{color:var(--text-secondary);font-size:1.05rem;margin-bottom:20px;line-height:1.75}.about-text p:first-of-type::first-letter{font-size:1.6em;font-weight:700;color:var(--accent);float:none;margin-right:0;line-height:inherit}.about-details{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.detail{display:flex;align-items:center;gap:14px;font-size:.92rem;color:var(--text-secondary);padding:16px 20px;border-radius:var(--radius);border-left:2px solid rgba(168,85,247,.3);transition:all var(--transition);transform-style:preserve-3d}.detail:hover{background:rgba(168,85,247,.06);border-left-color:var(--accent);color:var(--text-primary);transform:translateY(-2px) translateZ(10px)}.detail-icon{font-size:1.3rem}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px}.skill-card{padding:36px;border-radius:var(--radius-lg);transition:all var(--transition);position:relative;overflow:hidden;transform-style:preserve-3d}.skill-card-glow{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),var(--gold),transparent);opacity:0;transition:opacity var(--transition)}.skill-card:hover .skill-card-glow{opacity:1}.skill-card:hover{background:var(--glass-bg-hover);border-color:rgba(168,85,247,.15);transform:translateY(-10px) translateZ(20px) rotateX(2deg);box-shadow:0 30px 60px rgba(0,0,0,.4),0 0 50px rgba(168,85,247,.08)}.skill-icon{width:52px;height:52px;background:var(--accent-soft);border:1px solid rgba(168,85,247,.12);border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:22px;transition:all var(--transition)}.skill-card:hover .skill-icon{background:rgba(168,85,247,.18);border-color:rgba(168,85,247,.3);transform:scale(1.1) rotateZ(-5deg);box-shadow:0 0 25px rgba(168,85,247,.15)}.skill-icon svg{width:24px;height:24px;color:var(--accent)}.skill-card h3{font-size:1.15rem;font-weight:700;margin-bottom:10px;color:var(--text-primary)}.skill-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.65;margin-bottom:20px}.skill-bar{width:100%;height:3px;background:rgba(255,255,255,.05);border-radius:10px;overflow:hidden}.skill-bar-fill{height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--gold));border-radius:10px;transition:width 1.5s cubic-bezier(.23, 1, .32, 1)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:24px}.project-card{padding:36px;border-radius:var(--radius-lg);transition:all var(--transition);display:flex;flex-direction:column;position:relative;overflow:hidden;transform-style:preserve-3d}.project-card-shine{position:absolute;top:-100%;left:-100%;width:200%;height:200%;background:linear-gradient(45deg,transparent 40%,rgba(168,85,247,.04) 45%,rgba(168,85,247,.08) 50%,rgba(168,85,247,.04) 55%,transparent 60%);transition:.6s;pointer-events:none}.project-card:hover .project-card-shine{top:-50%;left:-50%}.project-card:hover{background:var(--glass-bg-hover);border-color:rgba(168,85,247,.15);transform:translateY(-12px) translateZ(30px) rotateX(2deg);box-shadow:0 35px 70px rgba(0,0,0,.45),0 0 60px rgba(168,85,247,.08)}.project-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.project-icon{width:48px;height:48px;border-radius:12px;overflow:hidden;flex-shrink:0}.project-icon img{width:100%;height:100%;object-fit:cover;border-radius:12px}.project-links{display:flex;gap:8px}.project-link{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all var(--transition)}.project-link:hover{color:var(--accent);background:var(--accent-soft);border-color:rgba(168,85,247,.2);box-shadow:0 0 15px rgba(168,85,247,.1)}.project-card h3{font-size:1.25rem;font-weight:700;margin-bottom:4px}.project-role{display:inline-block;font-size:.68rem;font-weight:700;background:linear-gradient(135deg,var(--gold),#e8a020);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:8px}.project-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.65;flex:1}.project-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.tag{padding:4px 10px;background:0 0;color:var(--text-muted);border-radius:4px;font-size:.75rem;font-weight:500;border:1px solid rgba(255,255,255,.06);letter-spacing:.3px}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:48px}.contact-card{padding:36px;border-radius:var(--radius-lg);text-align:center;transition:all var(--transition);transform-style:preserve-3d}.contact-card:hover{border-color:rgba(168,85,247,.15);transform:translateY(-10px) translateZ(20px) rotateX(3deg);box-shadow:0 25px 50px rgba(0,0,0,.35),0 0 40px rgba(168,85,247,.06)}.contact-icon{color:var(--accent);margin-bottom:18px;display:flex;justify-content:center}.contact-card h3{font-size:1rem;font-weight:700;margin-bottom:8px}.contact-card p{color:var(--text-secondary);font-size:.9rem}.contact-form{max-width:700px;margin:0 auto;padding:48px;border-radius:var(--radius-xl)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:.85rem;font-weight:600;color:var(--text-secondary);margin-bottom:8px;letter-spacing:.5px;text-transform:uppercase}.form-group input,.form-group textarea{width:100%;padding:16px 20px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);color:var(--text-primary);font-size:.95rem;font-family:var(--font);transition:all var(--transition);outline:0}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(168,85,247,.12),0 0 20px rgba(168,85,247,.06);background:rgba(168,85,247,.03)}.form-group textarea{resize:vertical;min-height:130px}.footer{padding:40px 0;border-top:1px solid rgba(255,255,255,.04)}.footer-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px}.footer-logo{font-family:var(--font-display);font-size:1rem}.footer p{color:var(--text-muted);font-size:.85rem}.footer-links{display:flex;gap:24px}.footer-links a{color:var(--text-muted);font-size:.85rem;transition:color var(--transition)}.footer-links a:hover{color:var(--accent)}.fade-in{opacity:0;transform:translateY(40px) translateZ(-20px) rotateX(4deg);transition:opacity .7s,transform .7s cubic-bezier(.23, 1, .32, 1)}.fade-in.visible{opacity:1;transform:translateY(0) translateZ(0) rotateX(0)}.skill-card.fade-in:first-child{transition-delay:0s}.skill-card.fade-in:nth-child(2){transition-delay:0.1s}.skill-card.fade-in:nth-child(3){transition-delay:0.2s}.skill-card.fade-in:nth-child(4){transition-delay:0.3s}.skill-card.fade-in:nth-child(5){transition-delay:0.4s}.skill-card.fade-in:nth-child(6){transition-delay:0.5s}.project-card.fade-in:first-child{transition-delay:0s}.project-card.fade-in:nth-child(2){transition-delay:0.1s}.project-card.fade-in:nth-child(3){transition-delay:0.2s}.project-card.fade-in:nth-child(4){transition-delay:0.3s}.project-card.fade-in:nth-child(5){transition-delay:0.4s}.project-card.fade-in:nth-child(6){transition-delay:0.5s}@media (max-width:768px){:root{--radius:12px;--radius-lg:16px;--radius-xl:20px}.container{padding:0 20px}.navbar{top:0;left:0;right:0;padding:12px 16px;border-radius:0}.navbar.scrolled{border-radius:0!important}.nav-toggle{display:flex}.nav-links{display:none;position:absolute;top:calc(100% + 4px);left:12px;right:12px;background:rgba(6,6,11,.97);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);flex-direction:column;padding:16px;gap:4px;border-radius:var(--radius-lg);border:1px solid var(--glass-border);box-shadow:0 20px 40px rgba(0,0,0,.5)}.nav-links.open{display:flex}.nav-links a{padding:14px 16px;border-radius:var(--radius);font-size:.95rem;text-align:center}.nav-links a.active,.nav-links a:hover{background:rgba(168,85,247,.06)}.btn-nav{width:100%!important;text-align:center!important;padding:14px 20px!important;margin-top:4px}.hero{min-height:100svh;padding-top:80px;padding-bottom:30px;perspective:none;transform-style:flat}.hero-content{max-width:100%;text-align:center}.hero-badge{justify-content:center;font-size:.7rem;margin-bottom:20px}.hero-name{margin-bottom:16px}.hero-name .line{font-size:clamp(2.4rem, 10vw, 3.5rem);transform:translateY(30px)}.hero-description{font-size:.95rem;line-height:1.6;max-width:100%;margin-bottom:24px;text-align:center}.hero-actions{justify-content:center;margin-bottom:36px;gap:10px}.hero-stats{justify-content:center;gap:8px}.stat{min-width:90px;padding:14px 12px;transform-style:flat}.stat:hover{transform:none;box-shadow:none}.stat-number{font-size:1.8rem}.stat-suffix{font-size:1.2rem}.stat-label{font-size:.6rem;letter-spacing:.3px}.bg-grid,.bg-line,.bg-ring,.hero-3d-elements,.hero-scroll-indicator,.section-3d-elements{display:none}.bg-glow{width:200px!important;height:200px!important;filter:blur(80px)}.section{padding:48px 0;perspective:none;transform-style:flat}.section-header{margin-bottom:28px}.section-title{font-size:clamp(1.6rem, 6vw, 2.2rem)}.section-subtitle{font-size:.85rem;margin:6px auto 24px}.about-grid{grid-template-columns:1fr;gap:20px;justify-items:center}.avatar-3d{width:140px;height:140px;transform-style:flat}.avatar-inner svg{width:54px;height:54px}.about-name-badge{margin-top:14px}.about-name{font-size:1.15rem}.about-title{font-size:.68rem;letter-spacing:1.5px}.about-text{text-align:center}.about-quote{font-size:.9rem;padding:10px 16px;margin-bottom:16px;text-align:left}.about-text p{font-size:.88rem;margin-bottom:12px;line-height:1.6}.about-text p:first-of-type::first-letter{font-size:1.4em}.about-details{grid-template-columns:1fr;margin-top:16px;gap:8px}.detail{justify-content:center;text-align:center;padding:12px 16px;transform-style:flat;font-size:.85rem;border-left:none;border-bottom:2px solid rgba(168,85,247,.15)}.detail:hover{transform:none;border-left:none;border-bottom-color:var(--accent)}.skills-grid{grid-template-columns:1fr 1fr;gap:10px}.skill-card{padding:16px 14px;transform-style:flat;text-align:center}.skill-card:hover{transform:none;box-shadow:0 8px 24px rgba(0,0,0,.3)}.skill-icon{width:40px;height:40px;margin:0 auto 10px;border-radius:10px}.skill-icon svg{width:20px;height:20px}.skill-card h3{font-size:.8rem;margin-bottom:8px}.skill-card p{display:none}.skill-bar{height:2px}.skill-card-glow{height:1px}.projects-grid{grid-template-columns:1fr;gap:12px}.project-card{padding:16px 14px;transform-style:flat}.project-card:nth-child(n+3){display:none}.projects-grid.show-all .project-card:nth-child(n+3){display:flex}.project-card:hover{transform:none;box-shadow:0 8px 24px rgba(0,0,0,.3)}.project-icon{width:32px;height:32px}.project-header{margin-bottom:10px}.project-card h3{font-size:.92rem;margin-bottom:4px}.project-role{font-size:.58rem;letter-spacing:1px}.project-card p{font-size:.78rem;line-height:1.45}.project-tags{margin-top:8px;gap:4px}.live-stats{margin-top:8px;padding:10px 12px}.live-stats-header{margin-bottom:6px}.live-stat-value{font-size:1.1rem}.live-stat-label{font-size:.6rem}.tag{font-size:.68rem;padding:3px 8px}.btn-show-more{display:none;width:100%;margin-top:16px;padding:14px 24px;font-size:.85rem;justify-content:center}.btn-show-more.visible{display:inline-flex}.btn-show-more.expanded svg{transform:rotate(180deg)}.contact-grid{grid-template-columns:1fr;gap:10px;margin-bottom:24px}.contact-card{padding:18px 16px;transform-style:flat;display:flex;flex-direction:row;align-items:center;gap:14px;text-align:left}.contact-card:hover{transform:none;box-shadow:0 8px 24px rgba(0,0,0,.3)}.contact-icon{margin-bottom:0;flex-shrink:0}.contact-icon svg{width:24px!important;height:24px!important}.contact-card h3{font-size:.82rem;margin-bottom:2px}.contact-card a,.contact-card p{font-size:.78rem;word-break:break-all}.contact-form{padding:20px 16px}.form-row{grid-template-columns:1fr;gap:0}.form-group{margin-bottom:14px}.form-group input,.form-group textarea{padding:12px 14px;font-size:.95rem}.form-group label{font-size:.75rem;margin-bottom:6px}.form-group textarea{min-height:100px}.footer{padding:24px 0}.footer-content{flex-direction:column;text-align:center;gap:12px}.footer-links{justify-content:center;gap:16px}.footer-links a{font-size:.8rem}.fade-in{transform:translateY(20px)}.fade-in.visible{transform:translateY(0)}.btn{padding:12px 24px;font-size:.82rem}.btn::before{display:none}}@media (max-width:480px){.container{padding:0 14px}.hero-name .line{font-size:clamp(2rem, 11vw, 2.8rem)}.hero-description{font-size:.88rem}.hero-actions{flex-direction:column;gap:8px}.btn{width:100%;text-align:center;justify-content:center;padding:14px 20px;font-size:.85rem}.hero-stats{flex-direction:row;flex-wrap:wrap}.stat{flex:1;min-width:80px;padding:12px 8px}.stat-number{font-size:1.5rem}.stat-suffix{font-size:1rem}.stat-label{font-size:.55rem}.section{padding:36px 0}.section-header{margin-bottom:20px}.about-grid{gap:16px}.avatar-3d{width:110px;height:110px}.avatar-inner svg{width:40px;height:40px}.about-name{font-size:1rem}.about-title{font-size:.6rem}.about-quote{font-size:.82rem;padding:8px 12px;margin-bottom:12px}.about-text p{font-size:.82rem}.about-text p:first-of-type::first-letter{font-size:1.3em}.detail{font-size:.8rem;padding:10px 14px}.skills-grid{gap:8px}.skill-card{padding:14px 10px}.skill-icon{width:34px;height:34px;border-radius:8px}.skill-icon svg{width:16px;height:16px}.skill-card h3{font-size:.72rem}.project-card{padding:14px 12px}.project-header{margin-bottom:8px}.project-icon{width:28px;height:28px}.project-card h3{font-size:.88rem;margin-bottom:3px}.project-role{font-size:.52rem;letter-spacing:.8px}.project-card p{font-size:.75rem;line-height:1.4}.live-stats{margin-top:6px;padding:8px 10px}.live-stats-header{margin-bottom:4px}.live-stat-value{font-size:.95rem}.live-stat-label{font-size:.55rem}.project-tags{margin-top:6px;gap:4px}.tag{font-size:.62rem;padding:2px 6px}.contact-grid{gap:8px}.contact-card{padding:14px 12px;gap:12px}.contact-icon svg{width:20px!important;height:20px!important}.contact-card h3{font-size:.75rem}.contact-card a,.contact-card p{font-size:.72rem}.contact-form{padding:16px 12px}.form-group input,.form-group textarea{padding:12px}.navbar{padding:10px 12px}.logo{font-size:1rem}}.live-stats{margin-top:20px;padding:16px 18px;background:rgba(255,255,255,.02);border:1px solid rgba(168,85,247,.1);border-radius:var(--radius);position:relative;overflow:hidden}.live-stats::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent),var(--gold),transparent);opacity:.5}.live-stats-header{display:flex;align-items:center;gap:8px;margin-bottom:14px}.live-dot{width:8px;height:8px;border-radius:50%;background:#57f287;box-shadow:0 0 8px rgba(87,242,135,.6);animation:2s ease-in-out infinite livePulse}.live-dot.offline{background:#ed4245;box-shadow:0 0 8px rgba(237,66,69,.6);animation:none}@keyframes livePulse{0%,100%{opacity:1;box-shadow:0 0 8px rgba(87,242,135,.6)}50%{opacity:.5;box-shadow:0 0 16px rgba(87,242,135,.8)}}.live-label{font-size:.8rem;font-weight:700;letter-spacing:2px;color:#57f287;text-transform:uppercase}.live-label.offline{color:#ed4245}.live-stats-row{display:flex;gap:16px}.live-stat{flex:1;text-align:center}.live-stat-value{display:block;font-family:var(--font-display);font-size:1.6rem;font-weight:800;color:var(--gold);line-height:1.2;transition:.4s}.live-stat-value.updating{opacity:.5;transform:scale(.95)}.live-stat-label{display:block;font-size:.78rem;color:#9a92b2;text-transform:uppercase;letter-spacing:.5px;margin-top:4px;font-weight:500}@media (max-height:500px) and (orientation:landscape){.hero{min-height:auto;padding:80px 0 40px}.hero-stats{margin-top:16px}}@media (pointer:coarse){.nav-links a{min-height:44px;display:flex;align-items:center;justify-content:center}.btn{min-height:48px}.project-link{width:44px;height:44px}.detail{min-height:48px}.contact-card{padding:32px 20px}}