*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#08080d;--surface:#11111b;--surface-2:#171726;--text:#fff;--muted:#a6a6b5;--primary:#8b5cf6;--primary-hover:#7c3aed;--border:#ffffff14;--border-strong:#ffffff1f;--radius:18px;--container:1200px;--glass-bg:#11111b8c;--glass-border:#ffffff1a;--glass-blur:blur(20px) saturate(160%);--shadow-hover:0 25px 70px #00000059;--shadow-premium:0 30px 90px #00000073;--primary-glow:#8b5cf673}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;line-height:1.7;animation:.6s both page-fade-in;overflow-x:hidden}@keyframes page-fade-in{0%{opacity:0}to{opacity:1}}h1{letter-spacing:-.02em;font-size:clamp(3.5rem,7vw,6rem);font-weight:800;line-height:1.05}h2{letter-spacing:-.01em;margin-bottom:24px;font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.15}h3{font-size:1.25rem;font-weight:700;line-height:1.35}p{color:var(--muted)}.section-tag{color:var(--primary);letter-spacing:.08em;text-transform:uppercase;margin-bottom:18px;font-weight:700;display:inline-block}a:focus-visible,button:focus-visible{outline:2px solid var(--primary);outline-offset:3px;border-radius:4px}.skip-link{z-index:1000;background:var(--primary);color:#fff;border-radius:0 0 10px 10px;padding:12px 20px;font-weight:700;text-decoration:none;transition:top .25s;position:absolute;top:-100%;left:16px}.skip-link:focus-visible{outline-offset:-4px;outline:2px solid #fff;top:0}.container{width:min(var(--container),92%);margin-inline:auto}.section{padding:clamp(64px,10vw,120px) 0;position:relative}.section:nth-of-type(2n):before{content:"";z-index:-1;background:radial-gradient(60% 50% at 50% 0,#8b5cf60d,#0000 70%);position:absolute;inset:0}.navbar{z-index:999;-webkit-backdrop-filter:blur(18px)saturate(160%);border-bottom:1px solid var(--border);background:#08080db3;width:100%;transition:height .3s,background .3s;position:fixed;top:0;left:0}.navbar.is-scrolled{background:#08080dd9;box-shadow:0 10px 40px #00000040}.nav-container{justify-content:space-between;align-items:center;height:80px;transition:height .3s;display:flex}@media (width>=769px){.navbar.is-scrolled .nav-container{height:68px}}.logo{color:#fff;font-size:1.35rem;font-weight:800;text-decoration:none}.nav-links{gap:34px;list-style:none;display:flex}.nav-links a{color:#d5d5e4;text-decoration:none;transition:all .3s;position:relative}.nav-links a:after{content:"";background:var(--primary);width:0;height:2px;transition:all .3s;position:absolute;bottom:-6px;left:0}.nav-links a:hover{color:#fff}.nav-links a:hover:after{width:100%}.hero{text-align:center;justify-content:center;align-items:center;min-height:100vh;padding-top:80px;display:flex}.hero p{max-width:760px;margin:30px auto;font-size:1.2rem}.btn{background:var(--primary);color:#fff;border-radius:14px;justify-content:center;align-items:center;padding:18px 40px;font-weight:700;text-decoration:none;transition:all .35s;display:inline-flex}.btn:hover{background:var(--primary-hover);transform:translateY(-5px);box-shadow:0 18px 40px #8b5cf659}.btn-outline{border:1px solid var(--border-strong);color:#fff;border-radius:14px;justify-content:center;align-items:center;padding:18px 40px;font-weight:700;text-decoration:none;transition:all .35s;display:inline-flex}.btn-outline:hover{border-color:var(--primary);background:#8b5cf614;transform:translateY(-5px)}.projects-grid,.skills-grid{gap:24px;display:grid}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.project-card,.skill-card,.stat-card,.info-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px;transition:transform .35s,border-color .35s,box-shadow .35s;position:relative}.project-card:hover,.skill-card:hover,.stat-card:hover,.info-card:hover{border-color:var(--primary-glow);box-shadow:var(--shadow-hover);transform:translateY(-8px)}.project-card:before,.info-card:before,.stat-card:before,.gallery-item:before{content:"";border-radius:var(--radius);-webkit-mask-composite:xor;opacity:0;pointer-events:none;background:linear-gradient(135deg,#8b5cf68c,#4f46e500);padding:1px;transition:opacity .35s;position:absolute;inset:0;mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-position:0 0,0 0;mask-size:auto,auto;mask-repeat:repeat,repeat;mask-clip:content-box,border-box;mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.project-card:hover:before,.info-card:hover:before,.stat-card:hover:before,.gallery-item:hover:before{opacity:1}.timeline-content{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px}.case-hero{padding-top:160px;position:relative;overflow:hidden}.case-hero-bg{filter:blur(60px);background:radial-gradient(circle at 15% 20%,#8b5cf647,#0000 45%),radial-gradient(circle at 85% 15%,#4f46e538,#0000 42%),radial-gradient(circle at 50% 90%,#06b6d41f,#0000 50%);animation:12s ease-in-out infinite blob-pulse;position:absolute;inset:0}@keyframes blob-pulse{0%,to{filter:blur(60px);opacity:1}50%{filter:blur(75px);opacity:.85}}.case-hero-wrapper{z-index:2;position:relative}.back-link{color:var(--muted);align-items:center;gap:8px;margin-bottom:28px;font-weight:600;text-decoration:none;transition:color .3s,gap .3s;display:inline-flex}.back-link:hover{color:var(--primary);gap:12px}.tag-badge{border:1px solid var(--glass-border);color:var(--primary);-webkit-backdrop-filter:var(--glass-blur);letter-spacing:.02em;background:#8b5cf61a;border-radius:999px;margin-bottom:20px;padding:8px 18px;font-size:.85rem;font-weight:600;display:inline-block}.lead{max-width:720px;margin:20px 0 44px;font-size:1.15rem}.hero-meta{border-radius:var(--radius);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);grid-template-columns:repeat(4,1fr);gap:24px;margin:0 0 50px;padding:28px 32px;display:grid;box-shadow:inset 0 1px #ffffff0f}.hero-meta dt{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-size:.8rem}.hero-meta dd{font-weight:700}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;display:grid}.stat-card h3,.stat-card span{display:block}.stat-card h3{color:#fff;margin-bottom:10px;font-size:2.25rem}.stat-card span{color:var(--muted)}.overview{grid-template-columns:1.3fr 1fr;align-items:start;gap:60px;display:grid}.overview-text p,.overview-facts h3{margin-bottom:20px}.overview-facts ul{flex-direction:column;gap:18px;list-style:none;display:flex}.overview-facts li{border-bottom:1px solid var(--border);flex-direction:column;gap:4px;padding-bottom:18px;display:flex}.overview-facts li:last-child{border-bottom:none;padding-bottom:0}.overview-facts strong{text-transform:uppercase;letter-spacing:.06em;color:var(--primary);font-size:.8rem}.overview-facts span{color:var(--muted)}.section-intro{max-width:760px;margin-bottom:40px}.role-list{gap:16px;max-width:760px;list-style:none;display:grid}.role-list li{color:var(--muted);padding-left:28px;position:relative}.role-list li:before{content:"";background:var(--primary);border-radius:50%;width:10px;height:10px;position:absolute;top:.55em;left:0}.card-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.card-grid h3{margin-bottom:12px}.card-grid p{margin:0}.process-list{max-width:900px;list-style:none;position:relative}.process-list:before{content:"";background:var(--border);width:2px;position:absolute;top:8px;bottom:8px;left:19px}.process-step{gap:24px;margin-bottom:36px;display:flex;position:relative}.process-step:last-child{margin-bottom:0}.process-number{z-index:1;background:var(--surface);width:40px;height:40px;color:var(--primary);border:1px solid #8b5cf673;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex;position:relative}.process-body h3{margin-bottom:8px}.process-body p{margin:0}.tech-grid{flex-wrap:wrap;gap:12px;display:flex}.tech-pill{background:var(--surface-2);border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:10px 18px;font-size:.9rem;transition:all .3s}.tech-pill:hover{color:#fff;border-color:#8b5cf673}.split{grid-template-columns:1.3fr 1fr;align-items:start;gap:60px;display:grid}.split-text p{margin-bottom:20px}.split-text code{background:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:2px 6px;font-size:.85em}.split-stats{gap:20px;display:grid}.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;display:grid}.gallery-item{border:1px solid var(--border);border-radius:var(--radius);transition:transform .35s,border-color .35s,box-shadow .35s;position:relative;overflow:hidden}.gallery-item:hover{border-color:var(--primary-glow);box-shadow:var(--shadow-hover);transform:translateY(-8px)}.gallery-visual{height:180px;transition:transform .5s;position:relative}.gallery-visual:after{content:"";pointer-events:none;background:radial-gradient(circle at 30% 20%,#ffffff40,#0000 55%),linear-gradient(#0000 40%,#00000040);position:absolute;inset:0}.gallery-item:hover .gallery-visual{transform:scale(1.05)}.gallery-item figcaption{color:var(--muted);background:var(--surface);padding:16px 20px;font-size:.9rem}.cta{text-align:center;max-width:900px;margin:0 auto}.cta .container{border-radius:calc(var(--radius) + 6px);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);padding:clamp(48px,6vw,80px) clamp(24px,5vw,64px);position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0f}.cta .container:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(60% 60% at 50% 0,#8b5cf640,#0000 70%);width:120%;height:400px;position:absolute;top:-120px;left:-10%}.cta .container>*{z-index:1;position:relative}.cta p{max-width:640px;margin:24px auto 40px}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:18px;display:flex}@media (width<=900px){.overview,.split{grid-template-columns:1fr}.hero-meta{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.case-hero{padding-top:130px}.hero-meta{grid-template-columns:1fr}.process-step{gap:16px}}.js-reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(24px)}.js-reveal.js-reveal-visible{opacity:1;transform:translateY(0)}.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}.nav-toggle[data-astro-cid-l7arcky5]{border:1px solid var(--border);color:#fff;cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;transition:all .3s;display:none}.nav-toggle[data-astro-cid-l7arcky5]:hover{border-color:var(--primary)}.nav-toggle[data-astro-cid-l7arcky5] .icon-close,.nav-toggle[data-astro-cid-l7arcky5][aria-expanded=true] .icon-menu{display:none}.nav-toggle[data-astro-cid-l7arcky5][aria-expanded=true] .icon-close{display:block}body.nav-open{overflow:hidden}@media (width<=768px){.nav-toggle[data-astro-cid-l7arcky5]{display:flex}.nav-links[data-astro-cid-l7arcky5]{background:var(--bg);border-bottom:1px solid var(--border);opacity:0;pointer-events:none;flex-direction:column;gap:0;max-height:calc(100vh - 80px);transition:opacity .25s,transform .25s;position:fixed;top:80px;left:0;right:0;overflow-y:auto;transform:translateY(-12px)}.nav-links[data-astro-cid-l7arcky5].is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-links[data-astro-cid-l7arcky5] li[data-astro-cid-l7arcky5]{width:100%}.nav-links[data-astro-cid-l7arcky5] a[data-astro-cid-l7arcky5]{border-bottom:1px solid var(--border);padding:18px 24px;display:block}.nav-links[data-astro-cid-l7arcky5] a[data-astro-cid-l7arcky5]:after{display:none}}.footer[data-astro-cid-jo6i4kqk]{border-top:1px solid var(--border);background:var(--bg);padding:80px 0 30px}.footer-content[data-astro-cid-jo6i4kqk]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:40px;display:flex}.footer-links[data-astro-cid-jo6i4kqk]{flex-wrap:wrap;gap:24px;display:flex}.footer-links[data-astro-cid-jo6i4kqk] a[data-astro-cid-jo6i4kqk]{color:var(--muted);text-decoration:none;transition:all .3s}.footer-links[data-astro-cid-jo6i4kqk] a[data-astro-cid-jo6i4kqk]:hover{color:var(--primary)}.copyright[data-astro-cid-jo6i4kqk]{text-align:center;color:#6f6f80;margin-top:50px;font-size:.9rem}@media (width<=768px){.footer-content[data-astro-cid-jo6i4kqk]{text-align:center;flex-direction:column}}