@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;600;700;800;900&family=JetBrains+Mono:wght@400;600&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-primary:#050914;--bg-secondary:#08111f;--bg-elevated:#0d1a2c;--text-primary:#f4f9ff;--text-secondary:#b6c4d7;--text-dim:#8295ad;--accent-primary:#69c8ff;--accent-secondary:#2d8cff;--accent-tertiary:#58d8c7;--accent-deep:#155fd1;--accent-contrast:#03111d;--accent-primary-rgb:105, 200, 255;--accent-secondary-rgb:45, 140, 255;--accent-tertiary-rgb:88, 216, 199;--accent-gradient:linear-gradient(135deg, #92ddff 0%, var(--accent-primary) 34%, var(--accent-secondary) 72%, #1e7ff2 100%);--hero-gradient:linear-gradient(110deg, #edf9ff 0%, #92ddff 25%, #4eb4ff 52%, #2d8cff 76%, #65dfd0 100%);--surface-soft:#addaff0d;--glass-bg:#091729b8;--glass-gradient:linear-gradient(145deg, #0e2138d1, #07111fb3);--glass-border:#69c8ff29;--glass-highlight:#69c8ff61;--glass-shadow:0 22px 60px #00040c61;--nav-height:80px;--ease-spring:cubic-bezier(.175, .885, .32, 1.275);--ease-out:cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}::selection{color:var(--text-primary);background:rgba(var(--accent-secondary-rgb), .42)}html{scroll-behavior:smooth}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:3px;border-radius:4px}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden}a,button{touch-action:manipulation}.backdrop{z-index:-3;background-color:var(--bg-primary);background-image:radial-gradient(ellipse 78% 58% at 50% -18%, rgba(var(--accent-secondary-rgb), .24), transparent 70%), radial-gradient(circle at 85% 28%, rgba(var(--accent-tertiary-rgb), .07), transparent 26%), linear-gradient(#69c8ff07 1px, transparent 1px), linear-gradient(90deg, #69c8ff07 1px, transparent 1px);background-size:100% 100%,100% 100%,48px 48px,48px 48px;position:fixed;inset:0}.aurora{z-index:-2;filter:blur(90px);opacity:.55;pointer-events:none;position:fixed;inset:-20%}.aurora span{mix-blend-mode:screen;border-radius:50%;animation:18s ease-in-out infinite alternate drift;position:absolute}.aurora .a1{background:rgba(var(--accent-primary-rgb), .26);width:38vw;height:38vw;top:5%;left:8%}.aurora .a2{background:rgba(var(--accent-secondary-rgb), .27);width:34vw;height:34vw;animation-delay:-6s;top:40%;right:5%}.aurora .a3{background:rgba(var(--accent-tertiary-rgb), .2);width:30vw;height:30vw;animation-delay:-11s;bottom:2%;left:30%}@keyframes drift{0%{transform:translate(0)scale(1)}50%{transform:translate(6%,-4%)scale(1.12)}to{transform:translate(-5%,8%)scale(1.05)}}.cursor-glow{pointer-events:none;z-index:-1;background:radial-gradient(circle, rgba(var(--accent-primary-rgb), .1), transparent 60%);will-change:transform;border-radius:50%;width:600px;height:600px;margin:-300px 0 0 -300px;transition:opacity .4s;position:fixed;top:0;left:0}.grain{z-index:1;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.scroll-progress{z-index:1000;background:var(--hero-gradient);width:0%;height:3px;box-shadow:0 0 14px rgba(var(--accent-primary-rgb), .5);position:fixed;top:0;left:0}h1,h2,h3,h4,h5,h6{color:var(--text-primary);letter-spacing:-.02em;font-family:Outfit,sans-serif;font-weight:800;line-height:1.15}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}section{scroll-margin-top:var(--nav-height);isolation:isolate;padding:6.5rem 0;position:relative}main>section:nth-of-type(2n):before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(180deg, transparent, rgba(var(--accent-primary-rgb), .025) 20%, rgba(var(--accent-secondary-rgb), .04) 80%, transparent);border-block:1px solid rgba(var(--accent-primary-rgb), .065);position:absolute;inset:1.25rem 0}.section-head{text-align:center;flex-direction:column;align-items:center;margin-bottom:3.5rem;display:flex}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--accent-primary);border:1px solid rgba(var(--accent-primary-rgb), .28);background:rgba(var(--accent-primary-rgb), .07);border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:1.2rem;padding:.4rem .9rem;font-family:JetBrains Mono,monospace;font-size:.8rem;display:inline-flex}.eyebrow:before{content:"";background:var(--accent-tertiary);width:6px;height:6px;box-shadow:0 0 10px rgba(var(--accent-tertiary-rgb), .7);border-radius:50%}.section-title{font-size:clamp(2rem,5vw,2.8rem);font-weight:900;display:inline-block;position:relative}.section-title:after{content:"";background:var(--accent-gradient);width:64px;height:4px;box-shadow:0 0 16px rgba(var(--accent-primary-rgb), .4);border-radius:2px;position:absolute;bottom:-12px;left:50%;transform:translate(-50%)}.text-gradient{background:var(--hero-gradient);-webkit-text-fill-color:transparent;color:#0000;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:6s linear infinite shimmer}@keyframes shimmer{to{background-position:200%}}.text-muted{color:var(--text-secondary)}.glass-card{background:var(--glass-gradient);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);transition:transform .4s var(--ease-spring), box-shadow .4s ease, border-color .4s ease, background .4s ease;border-radius:22px;padding:2.5rem;position:relative;overflow:hidden}.glass-card:focus-within{border-color:rgba(var(--accent-primary-rgb), .36)}.glass-card.spotlight:before{content:"";border-radius:inherit;background:radial-gradient(280px circle at var(--mx,50%) var(--my,0%), rgba(var(--accent-primary-rgb), .13), transparent 65%);opacity:0;pointer-events:none;transition:opacity .35s;position:absolute;inset:0}.glass-card.spotlight:hover:before{opacity:1}.glass-card.spotlight:after{content:"";border-radius:inherit;background:radial-gradient(220px circle at var(--mx,50%) var(--my,50%), rgba(var(--accent-primary-rgb), .62), transparent 60%);-webkit-mask-composite:xor;opacity:0;pointer-events:none;padding:1px;transition:opacity .35s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 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}.glass-card.spotlight:hover:after{opacity:1}.glass-card:hover{box-shadow:0 26px 65px rgba(var(--accent-secondary-rgb), .17);border-color:var(--glass-highlight);transform:translateY(-6px)}.btn{min-height:48px;transition:transform .25s var(--ease-spring), box-shadow .3s ease, filter .3s ease, background .3s ease;cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.65rem;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";transition:transform .45s var(--ease-out);pointer-events:none;background:linear-gradient(110deg,#0000 24%,#ffffff38 48%,#0000 72%);position:absolute;inset:0;transform:translate(-130%)}.btn:hover:before{transform:translate(130%)}.btn:active{transform:translateY(0)scale(.98)}.btn:disabled{cursor:wait;opacity:.72;transform:none}.btn:disabled:before{display:none}.btn-primary{background:var(--accent-gradient);color:var(--accent-contrast);box-shadow:0 12px 30px rgba(var(--accent-secondary-rgb), .32);font-weight:700}.btn-primary:hover{box-shadow:0 18px 44px rgba(var(--accent-secondary-rgb), .46);filter:brightness(1.08);transform:translateY(-3px)}.btn-primary svg{transition:transform .3s}.btn-primary:hover svg{transform:translate(4px)}.btn-outline{color:var(--text-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#82bced0a;border:1px solid #89c4f429}.btn-outline:hover{background:rgba(var(--accent-primary-rgb), .08);border-color:rgba(var(--accent-primary-rgb), .5);transform:translateY(-3px)}.badge{background:rgba(var(--accent-primary-rgb), .09);color:var(--accent-primary);border:1px solid rgba(var(--accent-primary-rgb), .22);border-radius:9999px;align-items:center;padding:.35rem .85rem;font-size:.82rem;font-weight:500;display:inline-flex}.badge.mobile{background:rgba(var(--accent-tertiary-rgb), .09);color:var(--accent-tertiary);border-color:rgba(var(--accent-tertiary-rgb), .24)}.badge.desktop{background:rgba(var(--accent-secondary-rgb), .09);color:#83b9ff;border-color:rgba(var(--accent-secondary-rgb), .24)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-up{opacity:0;animation:fadeInUp .8s var(--ease-out) forwards}.reveal-on-scroll{opacity:0;transition:opacity .8s var(--ease-out), transform .8s var(--ease-spring);transform:translateY(40px)scale(.98)}.reveal-on-scroll.is-visible{opacity:1;transform:translateY(0)scale(1)}.delay-100{transition-delay:.1s;animation-delay:.1s}.delay-200{transition-delay:.2s;animation-delay:.2s}.delay-300{transition-delay:.3s;animation-delay:.3s}.delay-400{transition-delay:.4s;animation-delay:.4s}.delay-500{transition-delay:.5s;animation-delay:.5s}.to-top{border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:48px;height:48px;color:var(--accent-primary);cursor:pointer;z-index:900;opacity:0;pointer-events:none;transition:all .4s var(--ease-spring);border-radius:50%;place-items:center;display:grid;position:fixed;bottom:1.75rem;right:1.75rem;transform:translateY(20px)scale(.8)}.to-top.show{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.to-top:hover{box-shadow:0 0 22px rgba(var(--accent-primary-rgb), .42);border-color:var(--accent-primary)}.flex-center{justify-content:center;align-items:center;display:flex}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.aurora span,.text-gradient{animation:none!important}}@media (width<=768px){section{padding:4.5rem 0}.glass-card{padding:1.75rem}.cursor-glow{display:none}.section-head{margin-bottom:2.5rem}}@media (width<=480px){.container{padding:0 1rem}section{padding:3.5rem 0}.glass-card{border-radius:16px;padding:1.4rem}.btn{padding:.8rem 1.4rem;font-size:.95rem}.eyebrow{font-size:.72rem}.to-top{width:44px;height:44px;bottom:1rem;right:1rem}}.navbar{z-index:1000;border-bottom:1px solid #0000;width:100%;padding:.9rem 0;transition:padding .28s,background .28s,border-color .28s,box-shadow .28s;position:fixed;inset:0 0 auto}.navbar.scrolled{border-bottom-color:rgba(var(--accent-primary-rgb), .12);-webkit-backdrop-filter:blur(18px)saturate(135%);background:#050c18db;padding:.45rem 0;box-shadow:0 10px 32px #00050f38}.nav-container{align-items:center;min-height:54px;display:flex;position:relative}.logo{z-index:2;letter-spacing:-.03em;flex-shrink:0;font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:900;line-height:1;text-decoration:none;position:relative}.logo-dot{color:var(--accent-primary);-webkit-text-fill-color:var(--accent-primary)}.nav-links{align-items:center;gap:.15rem;margin:0;padding:0;list-style:none;display:flex;position:absolute;left:50%;transform:translate(-50%)}.nav-links a{min-height:44px;color:var(--text-secondary);border-radius:9px;justify-content:center;align-items:center;padding:.5rem .7rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .22s,background .22s;display:flex;position:relative}.nav-links a:after{content:"";background:var(--accent-gradient);opacity:0;border-radius:99px;width:18px;height:2px;transition:opacity .22s,transform .22s;position:absolute;bottom:4px;left:50%;transform:translate(-50%)scaleX(.35)}.nav-links a:hover{color:var(--text-primary);background:rgba(var(--accent-primary-rgb), .055)}.nav-links a:hover:after,.nav-links a.is-active:after{opacity:1;transform:translate(-50%)scaleX(1)}.nav-links a.is-active{color:var(--accent-primary)}.nav-socials{z-index:2;align-items:center;gap:.15rem;margin-left:auto;display:flex;position:relative}.nav-socials a,.paw-toggle,.mobile-toggle{width:44px;height:44px;color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:11px;place-items:center;padding:0;transition:color .22s,background .22s,border-color .22s,transform .22s;display:grid}.nav-socials a:hover,.paw-toggle:hover,.mobile-toggle:hover{color:var(--accent-primary);background:rgba(var(--accent-primary-rgb), .07);border-color:rgba(var(--accent-primary-rgb), .12)}.paw-toggle:hover{transform:rotate(-10deg)}.paw-toggle.active{color:var(--accent-tertiary);background:rgba(var(--accent-tertiary-rgb), .07);border-color:rgba(var(--accent-tertiary-rgb), .14)}.mobile-toggle{display:none}.nav-overlay{z-index:1040;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(3px);background:#01060fad;border:0;padding:0;transition:opacity .25s;display:none;position:fixed;inset:0}body.menu-open{overflow:hidden}@media (width<=900px){.navbar{border-bottom-color:rgba(var(--accent-primary-rgb), .1);-webkit-backdrop-filter:blur(18px)saturate(135%);background:#050c18e0;padding:.45rem 0}.nav-container{min-height:54px}.nav-links{top:calc(70px + env(safe-area-inset-top));z-index:1050;border:1px solid rgba(var(--accent-primary-rgb), .16);max-height:calc(100dvh - 90px - env(safe-area-inset-top));overscroll-behavior:contain;opacity:0;visibility:hidden;pointer-events:none;transform-origin:top;-webkit-backdrop-filter:blur(20px);background:#071221fa;border-radius:18px;flex-direction:column;align-items:stretch;gap:.25rem;padding:.8rem;transition:opacity .22s,visibility .22s,transform .22s;display:flex;position:fixed;left:1rem;right:1rem;overflow-y:auto;transform:translateY(-10px)scale(.98);box-shadow:0 24px 60px #00040e80}.nav-links.active{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)scale(1)}.nav-links a{justify-content:flex-start;min-height:48px;padding:.7rem 1rem;font-size:1rem}.nav-links a:after{width:3px;height:20px;top:50%;bottom:auto;left:.35rem;transform:translateY(-50%)scaleY(.35)}.nav-links a:hover:after,.nav-links a.is-active:after{transform:translateY(-50%)scaleY(1)}.nav-links a.is-active{background:rgba(var(--accent-primary-rgb), .08)}.mobile-toggle{z-index:1100;display:grid}.nav-overlay{display:block}.nav-overlay.active{opacity:1;pointer-events:auto}}@media (width<=540px){.nav-socials>a{display:none}}@media (width<=400px){.logo{font-size:1.35rem}.nav-socials{gap:.05rem}}.paw-rain{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.paw{will-change:transform;animation:linear infinite paw-fall;display:block;position:absolute;top:0;transform:translateY(-12vh)}.paw svg,.paw img{width:100%;height:100%;display:block}.mode-neon .paw svg{filter:drop-shadow(0 0 3px)}.mode-calico .paw svg,.mode-faces .paw svg{filter:drop-shadow(0 0 5px #fff5e647)}.mode-skills .paw img{filter:drop-shadow(0 0 6px #ffffff38)}@keyframes paw-fall{0%{transform:translateY(-12vh)translate(0)rotate(0)}to{transform:translateY(112vh) translateX(var(--sway,0vw)) rotate(var(--rot,360deg))}}.rain-mode .aurora{opacity:.22}.rain-mode .cursor-glow{opacity:0}.rain-mode main>section{border-top:1px solid rgba(var(--accent-primary-rgb), .11);background:#050914ad}.rain-mode main>section:first-child{border-top:none}@media (width<=600px){.paw:nth-child(n+21){display:none}}@media (prefers-reduced-motion:reduce){.paw-rain{display:none}}.hero{min-height:100dvh;padding-top:var(--nav-height);align-items:center;display:flex;position:relative;overflow:hidden}.hero-container{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:3rem;display:grid}.hero-content,.hero-visual{min-width:0}.hero-badge{background:rgba(var(--accent-tertiary-rgb), .065);border:1px solid var(--glass-border);color:var(--text-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:9999px;align-items:center;gap:.6rem;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.85rem;display:inline-flex;box-shadow:inset 0 1px #ffffff09}.pulse-dot{background:var(--accent-tertiary);width:9px;height:9px;box-shadow:0 0 0 0 rgba(var(--accent-tertiary-rgb), .6);border-radius:50%;animation:2s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(var(--accent-tertiary-rgb), .6)}70%{box-shadow:0 0 0 10px rgba(var(--accent-tertiary-rgb), 0)}to{box-shadow:0 0 0 0 rgba(var(--accent-tertiary-rgb), 0)}}.hero-title{max-width:13ch;margin-bottom:1rem;font-size:clamp(2.5rem,6vw,4.2rem);font-weight:900}.hero-typer{align-items:center;gap:.6rem;min-height:1.8em;margin-bottom:1.5rem;font-family:JetBrains Mono,monospace;font-size:clamp(1rem,2.4vw,1.4rem);display:flex}.typer-label{color:var(--text-dim)}.typer-text{color:var(--accent-primary);text-shadow:0 0 18px rgba(var(--accent-primary-rgb), .3);font-weight:600}.typer-caret{background:var(--accent-primary);width:2px;height:1.2em;animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.hero-description{color:var(--text-secondary);max-width:540px;margin-bottom:2.2rem;font-size:1.1rem}.hero-actions{flex-wrap:wrap;gap:1rem;display:flex}.hero-visual{perspective:1200px;position:relative}.visual-card{transform-style:preserve-3d;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));will-change:transform;border-color:rgba(var(--accent-primary-rgb), .22);padding:0;transition:transform .15s ease-out;box-shadow:0 24px 70px #00071475,inset 0 1px #ffffff0a}.visual-card:hover{box-shadow:0 34px 85px rgba(var(--accent-secondary-rgb), .24)}.card-glare{border-radius:inherit;background:radial-gradient(200px circle at var(--mx,50%) var(--my,50%), #ffffff2e, transparent 60%);opacity:0;pointer-events:none;z-index:2;transition:opacity .3s;position:absolute;inset:0}.visual-card:hover .card-glare{opacity:1}.code-header{border-bottom:1px solid var(--glass-border);background:#020a168a;align-items:center;gap:.5rem;padding:1rem 1.25rem;display:flex}.dot{border-radius:50%;width:12px;height:12px}.dot.red{background:#ff5f57}.dot.yellow{background:#febc2e}.dot.green{background:#28c840}.code-file{color:var(--text-dim);margin-left:auto;font-family:JetBrains Mono,monospace;font-size:.78rem}.code-body{color:#c5d5e8;padding:1.5rem;font-family:JetBrains Mono,monospace;font-size:.92rem;line-height:1.9;overflow-x:auto}.code-body .keyword{color:#78b7ff}.code-body .entity{color:#98ddff}.code-body .operator{color:var(--accent-primary)}.code-body .string{color:#73dfd0}.floater{border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:3;background:#09182bdb;border-radius:14px;place-items:center;width:54px;height:54px;animation:5s ease-in-out infinite bob;display:grid;position:absolute;box-shadow:0 8px 24px #00000059}.floater img{width:28px;height:28px}.floater.f1{animation-delay:0s;top:-6%;left:-7%}.floater.f2{animation-delay:-1.2s;top:18%;right:-9%}.floater.f3{animation-delay:-2.4s;bottom:8%;left:-9%}.floater.f4{animation-delay:-3.1s;bottom:-6%;right:6%}.floater.f5{animation-delay:-4s;top:46%;left:-12%}@keyframes bob{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-14px)rotate(3deg)}}.scroll-cue{color:var(--text-dim);letter-spacing:.2em;text-transform:uppercase;flex-direction:column;align-items:center;gap:.3rem;font-family:JetBrains Mono,monospace;font-size:.7rem;text-decoration:none;animation:2.2s ease-in-out infinite bob;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.scroll-cue:hover{color:var(--accent-primary)}@media (width<=900px){.hero{padding-bottom:3rem}.hero-container{text-align:center;grid-template-columns:minmax(0,1fr);gap:3.5rem}.hero-badge{margin-inline:auto}.hero-typer,.hero-actions{justify-content:center}.hero-description{margin-inline:auto}.hero-title{max-width:none}.hero-visual{width:100%;max-width:440px;margin:0 auto}.floater.f5,.floater.f1,.scroll-cue{display:none}}@media (width<=480px){.hero-badge{max-width:100%;padding:.45rem .85rem;font-size:.75rem}.hero-title{font-size:clamp(2rem,9.5vw,2.5rem)}.hero-description{font-size:1rem}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{width:100%}.hero-typer{flex-wrap:wrap;row-gap:.2rem;font-size:1rem}.floater{border-radius:12px;width:42px;height:42px}.floater img{width:22px;height:22px}.floater.f2{top:-5%;right:0}.floater.f3{bottom:-5%;left:0}.floater.f4{display:none}.code-header{padding:.75rem 1rem}.code-body{padding:1rem .9rem;font-size:.74rem;line-height:1.85}}.featured-work{padding-top:4.5rem}.featured-work-intro{text-align:center;max-width:660px;margin:-2rem auto 3rem}.case-study-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;display:grid}.case-study-card{min-height:345px;color:inherit;box-shadow:var(--glass-shadow), inset 0 1px 0 #ffffff0a;flex-direction:column;padding:1.5rem;text-decoration:none;display:flex}.case-study-card:after{background:linear-gradient(90deg, rgba(var(--accent-primary-rgb), .75), rgba(var(--accent-tertiary-rgb), .65));opacity:.18;transform:none;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)}.case-study-card:hover:after,.case-study-card:focus-visible:after{opacity:.8}.case-study-topline{min-height:22px;color:var(--text-dim);align-items:center;gap:.65rem;display:flex}.case-study-topline svg{color:var(--accent-tertiary);margin-left:auto}.case-study-number{color:var(--accent-primary);font-family:JetBrains Mono,monospace;font-size:.8rem;font-weight:600}.case-study-label{letter-spacing:.12em;font-family:JetBrains Mono,monospace;font-size:.68rem}.case-study-icon{border:1px solid rgba(var(--accent-primary-rgb), .2);width:48px;height:48px;color:var(--accent-primary);background:linear-gradient(145deg, rgba(var(--accent-primary-rgb), .12), rgba(var(--accent-secondary-rgb), .04));transition:transform .3s var(--ease-spring), background .3s ease;border-radius:14px;place-items:center;margin:2rem 0 1.1rem;display:grid}.case-study-card:hover .case-study-icon,.case-study-card:focus-visible .case-study-icon{background:linear-gradient(145deg, rgba(var(--accent-primary-rgb), .2), rgba(var(--accent-secondary-rgb), .09));transform:translateY(-3px)rotate(-4deg)}.case-study-title{margin-bottom:.55rem;font-size:1.25rem}.case-study-summary{max-width:36ch;color:var(--text-secondary);flex:1;font-size:.93rem;line-height:1.65}.case-study-meta{color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:.55rem;margin-top:1.4rem;font-family:JetBrains Mono,monospace;font-size:.69rem;display:flex}.case-study-divider{background:var(--accent-primary);border-radius:50%;width:3px;height:3px}.case-study-tags{flex-wrap:wrap;gap:.4rem;margin-top:1rem;display:flex}.case-study-tags span{border:1px solid rgba(var(--accent-primary-rgb), .14);color:#9bcfff;background:rgba(var(--accent-primary-rgb), .055);border-radius:6px;padding:.28rem .55rem;font-size:.7rem}@media (width<=960px){.case-study-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.case-study-card:last-child{grid-column:1/-1}}@media (width<=640px){.featured-work{padding-top:3rem}.featured-work-intro{margin-bottom:2rem}.case-study-grid{grid-template-columns:1fr}.case-study-card:last-child{grid-column:auto}.case-study-card{min-height:0}}.about-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start;gap:3.5rem;display:grid}.about-subtitle{background:linear-gradient(90deg, var(--text-primary), #9ed8ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1.25rem;font-size:1.6rem}.about-content p{color:var(--text-secondary);max-width:56ch;margin-bottom:1rem}.stats-container{flex-wrap:wrap;gap:1rem;margin-top:2rem;display:flex}.stat-item{background:linear-gradient(145deg, rgba(var(--accent-primary-rgb), .07), rgba(var(--accent-secondary-rgb), .025));border:1px solid var(--glass-border);min-width:120px;transition:transform .3s var(--ease-spring), border-color .3s ease;border-radius:16px;flex-direction:column;flex:1;padding:1.1rem 1.4rem;display:flex}.stat-item:hover{border-color:rgba(var(--accent-primary-rgb), .35);transform:translateY(-4px)}.stat-number{font-variant-numeric:tabular-nums;font-family:Outfit,sans-serif;font-size:2.4rem;font-weight:900;line-height:1}.stat-label{color:var(--text-dim);margin-top:.4rem;font-size:.82rem}.features-grid{flex-direction:column;gap:1.25rem;display:flex}.feature-card{align-items:flex-start;gap:1.1rem;padding:1.6rem;display:flex}.feature-icon{background:rgba(var(--accent-primary-rgb), .08);border:1px solid rgba(var(--accent-primary-rgb), .18);width:56px;height:56px;transition:transform .4s var(--ease-spring);border-radius:14px;flex-shrink:0;place-items:center;display:grid}.feature-card:hover .feature-icon{transform:rotate(-8deg)scale(1.08)}.feature-card h4{margin-bottom:.3rem;font-size:1.15rem}.feature-card p{font-size:.92rem}.accent-sky .feature-icon{color:var(--accent-primary);background:rgba(var(--accent-primary-rgb), .09);border-color:rgba(var(--accent-primary-rgb), .24)}.accent-blue .feature-icon{color:#83b9ff;background:rgba(var(--accent-secondary-rgb), .09);border-color:rgba(var(--accent-secondary-rgb), .24)}.accent-teal .feature-icon{color:var(--accent-tertiary);background:rgba(var(--accent-tertiary-rgb), .09);border-color:rgba(var(--accent-tertiary-rgb), .24)}@media (width<=900px){.about-grid{grid-template-columns:minmax(0,1fr);gap:2.5rem}}@media (width<=480px){.about-subtitle{font-size:1.35rem}.stats-container{gap:.75rem}.stat-item{min-width:calc(50% - .375rem);padding:.9rem 1rem}.stat-number{font-size:1.9rem}.feature-card{gap:.9rem;padding:1.25rem}.feature-icon{width:46px;height:46px}}.skills{overflow:hidden}.skills-desc{text-align:center;max-width:620px;margin:-2rem auto 3rem}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:1rem;display:grid}.logo-card{border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:default;transition:transform .35s var(--ease-spring), border-color .35s ease, box-shadow .35s ease;background:linear-gradient(145deg,#0d1f35c7,#07111fb3);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:1.6rem 1rem;display:flex;position:relative;overflow:hidden}.logo-card:before{content:"";background:radial-gradient(160px circle at var(--mx,50%) var(--my,50%), rgba(var(--accent-primary-rgb), .15), transparent 60%);opacity:0;transition:opacity .3s;position:absolute;inset:0}.logo-card:hover{border-color:rgba(var(--accent-primary-rgb), .4);box-shadow:0 18px 42px rgba(var(--accent-secondary-rgb), .17);transform:translateY(-6px)scale(1.03)}.logo-card:hover:before{opacity:1}.skill-logo{object-fit:contain;filter:grayscale(.4)brightness(.95);width:44px;height:44px;transition:filter .35s ease, transform .35s var(--ease-spring);z-index:1;position:relative}.logo-card:hover .skill-logo{filter:grayscale(0) brightness(1.1) drop-shadow(0 0 10px rgba(var(--accent-primary-rgb), .3));transform:scale(1.12)}.skill-name{color:var(--text-secondary);z-index:1;font-size:.82rem;font-weight:500;transition:color .3s;position:relative}.logo-card:hover .skill-name{color:var(--text-primary)}.marquee{border-block:1px solid rgba(var(--accent-primary-rgb), .08);background:rgba(var(--accent-secondary-rgb), .018);margin-top:3.5rem;padding:1.1rem 0;position:relative;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.marquee-track{gap:2.5rem;width:max-content;animation:36s linear infinite scroll-x;display:flex}.marquee:hover .marquee-track{animation-play-state:paused}.marquee-item{color:var(--text-dim);white-space:nowrap;align-items:center;gap:.6rem;font-family:JetBrains Mono,monospace;font-size:.95rem;display:inline-flex}.marquee-item img{opacity:.82;width:22px;height:22px}@keyframes scroll-x{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (width<=480px){.skills-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem}.logo-card{gap:.55rem;padding:1.1rem .6rem}.skill-logo{width:36px;height:36px}.skill-name{text-align:center;font-size:.74rem}.marquee{margin-top:2.5rem}}.timeline{max-width:820px;margin:0 auto;padding-left:2.5rem;position:relative}.timeline:before{content:"";background:linear-gradient(var(--accent-tertiary), var(--accent-secondary), var(--accent-primary));opacity:.48;width:2px;box-shadow:0 0 18px rgba(var(--accent-secondary-rgb), .16);position:absolute;top:6px;bottom:6px;left:7px}.timeline-item{margin-bottom:2rem;position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-dot{background:var(--bg-primary);border:2px solid var(--accent-primary);z-index:2;border-radius:50%;place-items:center;width:18px;height:18px;display:grid;position:absolute;top:6px;left:-2.5rem}.timeline-dot span{background:var(--accent-primary);width:7px;height:7px;box-shadow:0 0 0 0 rgba(var(--accent-primary-rgb), .6);border-radius:50%;animation:2.4s infinite pulse}.timeline-content{box-shadow:var(--glass-shadow), inset 3px 0 0 rgba(var(--accent-primary-rgb), .15);padding:1.75rem}.timeline-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.timeline-header h3{font-size:1.2rem}.timeline-company{color:var(--text-secondary);align-items:center;gap:.4rem;font-size:.88rem;display:inline-flex}.timeline-period{color:var(--accent-primary);align-items:center;gap:.4rem;margin-bottom:.85rem;font-family:JetBrains Mono,monospace;font-size:.8rem;display:inline-flex}.timeline-desc{margin-bottom:1rem;font-size:.95rem}.timeline-tags{flex-wrap:wrap;gap:.5rem;display:flex}@media (width<=600px){.timeline{padding-left:2rem}.timeline-dot{left:-2rem}.timeline-header{flex-direction:column;align-items:flex-start}}@media (width<=480px){.timeline{padding-left:1.6rem}.timeline-dot{width:15px;height:15px;left:-1.6rem}.timeline-content{padding:1.4rem 1.25rem}}.edu-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:3rem;display:grid}.edu-card{box-shadow:var(--glass-shadow), inset 0 1px 0 #ffffff09;gap:1.1rem;padding:1.75rem;display:flex}.edu-icon{width:46px;height:46px;color:var(--accent-primary);background:rgba(var(--accent-primary-rgb), .08);border:1px solid rgba(var(--accent-primary-rgb), .22);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.edu-body h3{margin-bottom:.3rem;font-size:1.1rem}.edu-degree{margin-bottom:.6rem;font-size:.92rem}.edu-period{color:var(--accent-primary);align-items:center;gap:.4rem;margin-bottom:.85rem;font-family:JetBrains Mono,monospace;font-size:.8rem;display:inline-flex}.edu-tags{flex-wrap:wrap;gap:.5rem;display:flex}.cert-subtitle{color:var(--text-primary);align-items:center;gap:.55rem;margin-bottom:1.5rem;font-size:1.25rem;display:flex}.cert-subtitle svg{color:var(--accent-tertiary)}.cert-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.cert-card{box-shadow:var(--glass-shadow), inset 0 1px 0 #ffffff09;flex-direction:column;align-items:flex-start;padding:1.5rem;display:flex}.cert-icon{width:40px;height:40px;color:var(--accent-tertiary);background:rgba(var(--accent-tertiary-rgb), .08);border:1px solid rgba(var(--accent-tertiary-rgb), .22);border-radius:10px;place-items:center;margin-bottom:.9rem;display:grid}.cert-card h4{margin-bottom:.3rem;font-size:1rem}.cert-issuer{margin-bottom:.6rem;font-size:.88rem}.cert-issued{color:var(--accent-primary);align-items:center;gap:.4rem;font-family:JetBrains Mono,monospace;font-size:.78rem;display:inline-flex}.cert-credential{color:var(--text-secondary);word-break:break-all;margin-top:.45rem;font-family:JetBrains Mono,monospace;font-size:.78rem}.cert-image{align-self:stretch;margin-top:auto;padding-top:.85rem;display:block}.cert-image img{border:1px solid var(--glass-border);border-radius:10px;width:100%;height:auto;transition:transform .25s,border-color .25s;display:block}.cert-image:hover img,.cert-image:focus-visible img{border-color:rgba(var(--accent-primary-rgb), .35);transform:translateY(-2px)}.cert-link{color:var(--accent-primary);align-items:center;gap:.35rem;margin-top:.35rem;padding:.4rem 0;font-size:.84rem;text-decoration:none;display:inline-flex}.cert-link:hover{text-decoration:underline}.cert-tags{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}@media (width<=900px){.cert-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.edu-grid,.cert-grid{grid-template-columns:1fr}.edu-grid{margin-bottom:2.25rem}}@media (width<=480px){.edu-card{flex-direction:column;gap:.9rem;padding:1.4rem}.cert-card{padding:1.4rem}}.projects-desc{text-align:center;max-width:620px;margin:-2rem auto 3rem}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.project-card{color:inherit;min-height:300px;box-shadow:var(--glass-shadow), inset 0 1px 0 #ffffff09;flex-direction:column;padding:1.75rem;text-decoration:none;display:flex}.project-header{justify-content:space-between;align-items:center;margin-bottom:1.1rem;display:flex}.project-folder{background:linear-gradient(145deg, rgba(var(--accent-primary-rgb), .12), rgba(var(--accent-secondary-rgb), .05));border:1px solid var(--glass-border);width:46px;height:46px;color:var(--text-primary);transition:transform .4s var(--ease-spring), color .3s ease;border-radius:12px;place-items:center;display:grid}.project-card:hover .project-folder{color:var(--accent-primary);transform:rotate(-8deg)scale(1.05)}.project-stars{color:var(--text-dim);align-items:center;gap:.3rem;font-size:.85rem;display:inline-flex}.star-icon{color:var(--accent-primary);fill:var(--accent-primary)}.project-title{margin-bottom:.5rem;font-size:1.2rem;transition:color .3s}.project-card:hover .project-title{color:var(--accent-primary)}.project-desc{flex-grow:1;margin-bottom:1.25rem;font-size:.92rem}.project-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.project-tags{flex-wrap:wrap;gap:.4rem;display:flex}.project-tag{background:rgba(var(--accent-primary-rgb), .055);border:1px solid var(--glass-border);color:var(--text-secondary);border-radius:6px;padding:.25rem .6rem;font-family:JetBrains Mono,monospace;font-size:.72rem}.project-open{color:var(--accent-primary);opacity:0;align-items:center;gap:.3rem;font-size:.82rem;font-weight:600;transition:all .3s;display:inline-flex;transform:translate(-6px)}.project-card:hover .project-open,.project-card:focus-visible .project-open{opacity:1;transform:translate(0)}.project-card:focus-visible{border-color:var(--accent-primary)}.projects-cta{justify-content:center;margin-top:3rem;display:flex}@media (width<=768px){.project-open{opacity:1;transform:none}}.contact{padding-bottom:4.5rem}.contact-desc{text-align:center;max-width:600px;margin:0 auto 4rem}.contact-container{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);align-items:flex-start;gap:3rem;display:grid}.contact-info{flex-direction:column;gap:1.5rem;display:flex}.info-card{text-align:center;flex-direction:column;align-items:center;padding:2.5rem;display:flex}.info-icon{color:var(--accent-primary);box-sizing:content-box;border:1px solid rgba(var(--accent-primary-rgb), .2);background:rgba(var(--accent-primary-rgb), .08);border-radius:15px;margin-bottom:1rem;padding:.75rem}.info-card h4{margin-bottom:.5rem;font-size:1.3rem}.mb-2{margin-bottom:1rem}.contact-link{font-size:1.1rem;font-weight:600;text-decoration:none}.contact-form{padding:3rem}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--text-primary);margin-bottom:.5rem;font-weight:500;display:block}.required{color:var(--accent-primary)}.form-group input,.form-group textarea{border:1px solid rgba(var(--accent-primary-rgb), .15);width:100%;min-height:48px;color:var(--text-primary);background:#89c4f40b;border-radius:12px;padding:1rem 1.25rem;font-family:Inter,sans-serif;font-size:1rem;transition:all .3s}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent-primary);background:rgba(var(--accent-primary-rgb), .055);box-shadow:0 0 0 3px rgba(var(--accent-primary-rgb), .14);outline:none}.form-group textarea{resize:vertical;min-height:140px}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-dim)}.submit-btn{width:100%;margin-top:1rem;padding:1rem;font-size:1.1rem}.submit-btn.sent{background:linear-gradient(135deg, var(--accent-tertiary), #2eb9c5)}@media (width<=968px){.contact-container{grid-template-columns:minmax(0,1fr);gap:1.5rem}.contact-info{flex-direction:row}.contact-info .info-card{flex:1}.contact-desc{margin-bottom:3rem}}@media (width<=640px){.contact{padding-bottom:3.5rem}.contact-info{flex-direction:column;gap:1.25rem}.info-card{padding:1.75rem}.contact-form{padding:2rem 1.5rem}}@media (width<=480px){.info-card,.contact-form{padding:1.5rem 1.25rem}.contact-link{word-break:break-all;font-size:.98rem}.form-group input,.form-group textarea{padding:.85rem 1rem}}.footer{padding:3rem 0 2rem;padding-bottom:max(2rem, env(safe-area-inset-bottom));text-align:center;border-top:1px solid var(--glass-border);background:radial-gradient(circle at 50% 0%, rgba(var(--accent-secondary-rgb), .1), transparent 48%), var(--bg-secondary);margin-top:0}.footer-inner{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.footer-logo{font-family:Outfit,sans-serif;font-size:1.8rem;font-weight:800}.footer-socials{gap:1.5rem;display:flex}.footer-socials a{border:1px solid var(--glass-border);background:rgba(var(--accent-primary-rgb), .035);width:48px;height:48px;color:var(--text-secondary);transition:color .25s ease, transform .25s var(--ease-spring), background .25s ease, border-color .25s ease;border-radius:14px;place-items:center;display:grid}.footer-socials a:hover{color:var(--accent-primary);background:rgba(var(--accent-primary-rgb), .08);border-color:rgba(var(--accent-primary-rgb), .34);transform:translateY(-3px)}.footer-copy{color:var(--text-secondary);font-size:.95rem}@media (width<=480px){.footer{padding:2.25rem 0 1.5rem}.footer-inner{gap:1rem}.footer-logo{font-size:1.5rem}.footer-copy{font-size:.85rem}}