@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700;800;900&family=Poppins:wght@300;400;500;600;700&display=swap";:root{--bg-deep:#020205;--bg-navy:#070719;--bg-card:#0a0a1966;--bg-card-hover:#0f0f2399;--border-color:#ffffff14;--border-hover:#00f2fe4d;--cyan:#00f2fe;--cyan-rgb:0, 242, 254;--indigo:#6366f1;--indigo-rgb:99, 102, 241;--fuchsia:#ec4899;--fuchsia-rgb:236, 72, 153;--gold:#f59e0b;--gold-rgb:245, 158, 11;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--neon-glow-cyan:0 0 20px #00f2fe40;--neon-glow-indigo:0 0 20px #6366f140;--neon-glow-fuchsia:0 0 20px #ec489940;--glass-glow:0 8px 32px 0 #0000005e;--hero-card-radial:#05050f99;--badge-shadow-base:0 8px 24px #00000080;--badge-shadow-hover:0 12px 36px #0009;--badge-glow-spread:15px;--badge-glow-hover-spread:25px;--card-blend-mode:screen;--portrait-border:2px solid #00f2fe73;--portrait-shadow:0 12px 40px #000000b3, 0 0 25px #00f2fe40;--portrait-vignette:linear-gradient(to top, #020205f2 0%, #02020566 40%, transparent 80%);--nav-height:80px;--font-headings:"Outfit", "Poppins", sans-serif;--font-body:"Inter", sans-serif;--cursor-color:#00f2fe4d;--cursor-dot:#00f2fe}[data-theme=light]{--bg-deep:#eef2f6;--bg-navy:#e2e8f0;--bg-card:#ffffffb8;--bg-card-hover:#ffffffe6;--border-color:#0f172a17;--border-hover:#4338ca59;--cyan:#0891b2;--cyan-rgb:8, 145, 178;--indigo:#4338ca;--indigo-rgb:67, 56, 202;--fuchsia:#be185d;--fuchsia-rgb:190, 24, 93;--gold:#b45309;--gold-rgb:180, 83, 9;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--neon-glow-cyan:0 4px 15px #0891b214;--neon-glow-indigo:0 4px 15px #4338ca14;--neon-glow-fuchsia:0 4px 15px #be185d14;--glass-glow:0 8px 30px #0f172a0f, inset 0 1px 2px #ffffffd9;--hero-card-radial:#f1f5f9cc;--badge-shadow-base:0 6px 20px #0f172a0f;--badge-shadow-hover:0 10px 24px #0f172a1a;--badge-glow-spread:6px;--badge-glow-hover-spread:12px;--card-blend-mode:normal;--portrait-border:2px solid #0891b240;--portrait-shadow:0 10px 30px #0f172a0f, 0 0 12px #0891b20a;--portrait-vignette:linear-gradient(to top, #eef2f6f2 0%, #eef2f64d 50%, transparent 100%);--cursor-color:#4338ca1f;--cursor-dot:#4338ca}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto;background:var(--bg-deep);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body{width:100%;min-height:100vh;transition:background .5s,background-color .5s,color .5s;position:relative;overflow-x:hidden}[data-theme=light] body{background-color:#0000;background-image:radial-gradient(circle at 10% 20%,#0891b212 0%,#0000 40%),radial-gradient(circle at 90% 10%,#4338ca14 0%,#0000 45%),radial-gradient(circle,#be185d0a 0%,#0000 60%),linear-gradient(#f3f6fa 0%,#e2e8f0 60%,#dbe2eb 100%);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box}@media (pointer:fine){body.custom-cursor-active,body.custom-cursor-active *{cursor:none!important}}a{color:inherit;text-decoration:none}button,input,textarea,select{background:0 0;border:none;outline:none;font-family:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:rgba(var(--cyan-rgb), .25);border:2px solid var(--bg-deep);border-radius:4px;transition:background .3s}::-webkit-scrollbar-thumb:hover{background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);box-shadow:var(--glass-glow);will-change:transform, box-shadow;border-radius:20px;transition:border-color .4s,background .4s,box-shadow .4s,transform .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.glass-card:hover{border-color:var(--border-hover);background:var(--bg-card-hover);box-shadow:var(--glass-glow), 0 0 30px rgba(var(--cyan-rgb), .05)}.glass-panel{-webkit-backdrop-filter:blur(12px);background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px}.orbiting-widget{-webkit-backdrop-filter:blur(10px);border:1px solid rgba(var(--cyan-rgb), .25);font-size:.8rem;font-family:var(--font-headings);letter-spacing:.5px;color:var(--text-primary);box-shadow:0 4px 20px #00000080, 0 0 10px rgba(var(--cyan-rgb), .2);pointer-events:none;z-index:10;will-change:transform;background:#0a0a19b3;border-radius:50px;align-items:center;gap:8px;padding:10px 18px;font-weight:600;display:flex;position:absolute}.radial-spotlight{pointer-events:none;background:radial-gradient(circle 150px at var(--mouse-x,50%) var(--mouse-y,50%), rgba(var(--cyan-rgb), .12), transparent 80%);opacity:0;z-index:1;transition:opacity .5s;position:absolute;inset:0}.glass-card:hover .radial-spotlight{opacity:1}.light-blob{filter:blur(140px);opacity:.18;mix-blend-mode:screen;pointer-events:none;z-index:0;will-change:transform;border-radius:50%;animation:25s ease-in-out infinite alternate blob-drift;position:absolute}[data-theme=light] .light-blob{opacity:.08;mix-blend-mode:multiply;filter:blur(160px)}@keyframes blob-drift{0%{transform:translate(0)scale(1)}33%{transform:translate(60px,-80px)scale(1.2)}66%{transform:translate(-50px,60px)scale(.9)}to{transform:translate(0)scale(1)}}.brand-logo-text{background:linear-gradient(90deg, var(--text-primary) 40%, var(--indigo) 100%)!important;-webkit-text-fill-color:transparent!important;color:#0000!important;-webkit-background-clip:text!important;background-clip:text!important}[data-theme=dark] .brand-logo-text{background:linear-gradient(90deg, #fff 40%, var(--cyan) 100%)!important}.footer-logo-text{background:linear-gradient(90deg, var(--text-primary) 40%, var(--indigo) 100%)!important;-webkit-text-fill-color:transparent!important;color:#0000!important;-webkit-background-clip:text!important;background-clip:text!important}[data-theme=dark] .footer-logo-text{background:linear-gradient(90deg, #fff 40%, var(--cyan) 100%)!important}.gradient-text-cyan{color:#fff;background:linear-gradient(135deg, #fff 30%, var(--cyan) 100%);-webkit-text-fill-color:transparent!important;-webkit-background-clip:text!important;background-clip:text!important}[data-theme=light] .gradient-text-cyan{color:var(--text-primary)!important;background:linear-gradient(135deg, #0f172a 20%, var(--indigo) 60%, var(--cyan) 100%)!important;-webkit-text-fill-color:transparent!important;-webkit-background-clip:text!important;background-clip:text!important}.gradient-text-brand{color:#fff;background:linear-gradient(135deg, var(--cyan) 0%, var(--indigo) 50%, var(--fuchsia) 100%);-webkit-text-fill-color:transparent!important;-webkit-background-clip:text!important;background-clip:text!important}[data-theme=light] .gradient-text-brand{color:var(--text-primary)!important;background:linear-gradient(135deg, #0f172a 10%, var(--indigo) 50%, var(--fuchsia) 100%)!important;-webkit-text-fill-color:transparent!important;-webkit-background-clip:text!important;background-clip:text!important}.gradient-text-gold{color:#fff;background:linear-gradient(135deg, #fff 40%, var(--gold) 100%);-webkit-text-fill-color:transparent!important;-webkit-background-clip:text!important;background-clip:text!important}[data-theme=light] .gradient-text-gold{color:var(--text-primary)!important;background:linear-gradient(135deg, #0f172a 30%, var(--gold) 100%)!important;-webkit-text-fill-color:transparent!important;-webkit-background-clip:text!important;background-clip:text!important}.border-trace{position:relative}.border-trace:before{content:"";border-radius:inherit;background:linear-gradient(var(--angle,0deg), transparent 30%, var(--cyan) 50%, var(--indigo) 70%, transparent 100%);-webkit-mask-composite:xor;pointer-events:none;opacity:0;z-index:2;padding:1.5px;transition:opacity .4s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.border-trace:hover:before{opacity:1;animation:3s linear infinite rotate-gradient}@keyframes rotate-gradient{0%{--angle:0deg}to{--angle:360deg}}@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}.magnetic-btn-wrap{will-change:transform;display:inline-block;position:relative}.premium-btn{font-family:var(--font-headings);letter-spacing:.5px;color:var(--text-primary);-webkit-backdrop-filter:blur(10px);will-change:transform;background:#ffffff05;border:1px solid #ffffff1a;border-radius:50px;align-items:center;gap:10px;padding:14px 28px;font-size:.95rem;font-weight:600;transition:border-color .4s,color .4s,box-shadow .4s,transform .4s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #0003}.hero-name-heading{filter:drop-shadow(0 0 1.2px #ffffffd9)drop-shadow(0 2px 4px #0009)drop-shadow(0 2px 15px #6366f159)}[data-theme=light] .hero-name-heading{filter:drop-shadow(0 1px 2px #0f172a14)drop-shadow(0 2px 6px #4338ca1f)!important}[data-theme=light] .premium-btn{color:var(--text-primary);background:#ffffffa6;border:1.5px solid #0f172a1a;box-shadow:0 4px 18px #0f172a0d,inset 0 1px 1px #fffffff2}.premium-btn:before{content:"";background:linear-gradient(90deg, rgba(var(--cyan-rgb), .8), rgba(var(--indigo-rgb), .8));opacity:0;z-index:-1;transition:opacity .4s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.premium-btn:hover{border-color:rgba(var(--cyan-rgb), .4);color:#fff;box-shadow:0 0 25px rgba(var(--cyan-rgb), .35);transform:translateY(-2px)}[data-theme=light] .premium-btn:hover{border-color:rgba(var(--indigo-rgb), .4);box-shadow:0 6px 20px rgba(var(--indigo-rgb), .18), inset 0 1px 1px #fffffff2;color:#fff!important}.premium-btn:hover:before{opacity:1}.premium-btn.primary{background:linear-gradient(90deg, var(--cyan) 0%, var(--indigo) 100%);box-shadow:0 8px 24px rgba(var(--cyan-rgb), .25), 0 0 15px rgba(var(--cyan-rgb), .15);border:none;color:#fff!important}.premium-btn.primary:before{background:linear-gradient(90deg, var(--indigo) 0%, var(--fuchsia) 100%)}.premium-btn.primary:hover{box-shadow:0 8px 30px rgba(var(--indigo-rgb), .4), 0 0 25px rgba(var(--cyan-rgb), .2)}.premium-btn:active{transform:scale(.96)translateY(0)}.ripple-container{pointer-events:none;z-index:5;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.ripple{pointer-events:none;background:#ffffff59;border-radius:50%;animation:.6s ease-out ripple-effect;position:absolute;transform:scale(0)}@keyframes ripple-effect{to{opacity:0;transform:scale(4)}}.hologram-grid{background-image:radial-gradient(rgba(var(--cyan-rgb), .08) 1.5px, transparent 1.5px);background-size:20px 20px}.security-scanner{position:relative;overflow:hidden}.security-scanner:after{content:"";background:linear-gradient(90deg, transparent, var(--cyan), transparent);width:100%;height:2px;box-shadow:0 0 8px var(--cyan);pointer-events:none;animation:4s linear infinite scan;position:absolute;top:0;left:0}@keyframes scan{0%{top:0%}50%{top:100%}to{top:0%}}.container{z-index:2;max-width:1300px;margin:0 auto;padding:0 40px;position:relative}@media (width<=768px){.container{padding:0 20px}}.section{padding:120px 0;position:relative;overflow:hidden}.cyber-grid{pointer-events:none;z-index:1;background-image:linear-gradient(90deg,#ffffff04 1px,#0000 1px),linear-gradient(#ffffff04 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 30%,#0000 80%);mask-image:radial-gradient(circle,#000 30%,#0000 80%)}[data-theme=light] .cyber-grid{background-image:linear-gradient(90deg,#00000005 1px,#0000 1px),linear-gradient(#00000005 1px,#0000 1px)}.scroll-blend-overlay{background:linear-gradient(to bottom, transparent, var(--bg-deep));pointer-events:none;z-index:3;width:100%;height:200px;position:absolute;bottom:0;left:0}@media (width<=991px){.skills-subgrid{grid-template-columns:1fr!important;gap:30px!important}.hero-stats{justify-content:center!important;gap:30px!important}}@media (width<=768px){.creative-grid{grid-template-columns:1fr!important;gap:12px!important}.drawer-split{grid-template-columns:1fr!important;gap:20px!important}.bullets-subgrid{grid-template-columns:1fr!important;gap:10px!important}.light-blob{max-width:100vw!important;overflow:hidden!important}.orbiting-widget-pod{z-index:9999!important;white-space:nowrap!important;height:auto!important;min-height:28px!important;padding:5px 10px!important;font-size:.7rem!important;animation:7s ease-in-out infinite alternate float-badge-mobile,6s ease-in-out infinite alternate badge-glow-pulse!important;display:flex!important}.badge-line-1,.badge-line-2{white-space:nowrap!important;word-break:keep-all!important}.pod-0{top:6%!important;left:-4%!important}.pod-1{top:46%!important;left:-5%!important}.pod-2{bottom:6%!important;left:-2%!important}.pod-3{top:6%!important;right:-4%!important}.pod-4{top:46%!important;right:-5%!important}.pod-5{bottom:6%!important;right:-2%!important}}@keyframes float-badge-mobile{0%{transform:translateY(2px)translateZ(25px)scale(.72)}50%{transform:translateY(0)translateZ(28px)scale(.74)}to{transform:translateY(-3px)translateZ(30px)scale(.75)}}@media (width<=480px){.container{padding:0 16px!important}.glass-card{max-width:100%!important;padding:24px!important;overflow:visible!important}.hero-grid{gap:35px!important}.orbiting-widget-pod{z-index:9999!important;height:auto!important;min-height:25px!important;padding:4px 8px!important;font-size:.64rem!important;animation:7s ease-in-out infinite alternate float-badge-mobile-small,6s ease-in-out infinite alternate badge-glow-pulse!important;transform:translateZ(95px)scale(.78)!important}.pod-0{top:8%!important;left:-2.5%!important}.pod-1{top:46%!important;left:-4%!important}.pod-2{bottom:8%!important;left:-1%!important}.pod-3{top:8%!important;right:-2.5%!important}.pod-4{top:46%!important;right:-4%!important}.pod-5{bottom:8%!important;right:-1%!important}}@keyframes float-badge-mobile-small{0%{transform:translateY(2px)translateZ(20px)scale(.66)}50%{transform:translateY(0)translateZ(22px)scale(.68)}to{transform:translateY(-2px)translateZ(24px)scale(.7)}}.main-app-reveal{will-change:opacity, transform;animation:1.2s cubic-bezier(.16,1,.3,1) forwards hero-fade-in-cinematic}@keyframes hero-fade-in-cinematic{0%{opacity:0;filter:blur(3px);transform:translateY(15px)}to{opacity:1;filter:blur();transform:translateY(0)}}