.glass-nav-container{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:rgba(15,23,42,.6);border:1px solid rgba(255,255,255,.08);border-radius:9999px;flex-wrap:wrap;justify-content:center;gap:8px;padding:8px;display:inline-flex;box-shadow:0 10px 40px -10px rgba(0,0,0,.5)}.glass-nav-item{color:#94a3b8;white-space:nowrap;cursor:pointer;background:0 0;border:1px solid transparent;border-radius:9999px;justify-content:center;align-items:center;padding:10px 20px;font-size:14px;font-weight:600;transition:all .3s;display:inline-flex;position:relative}.glass-nav-item:hover{color:#fff;background:rgba(255,255,255,.05)}.glass-nav-item.active{color:#0f172a;background:#38bdf8;font-weight:700;transform:scale(1.02);box-shadow:0 4px 12px rgba(56,189,248,.35)}.btn{letter-spacing:.02em;text-transform:uppercase;cursor:pointer;border:1px solid transparent;border-radius:9999px;justify-content:center;align-items:center;padding:12px 24px;font-size:15px;font-weight:700;line-height:1;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{color:#020617;background:#38bdf8;border-color:#38bdf8;box-shadow:0 0 15px rgba(56,189,248,.4)}.btn-primary:hover{background:#7dd3fc;border-color:#7dd3fc;transform:translateY(-2px);box-shadow:0 0 25px rgba(56,189,248,.6)}.btn-ghost{color:#e5f2ff;background:0 0;border-color:rgba(255,255,255,.2)}.btn-ghost:hover{color:#38bdf8;background:rgba(56,189,248,.05);border-color:#38bdf8;box-shadow:0 0 15px rgba(56,189,248,.15)}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--bg:#0a0a0a;--fg:#ededed;--muted:#888;--content-max:1180px;--section-pad-y:80px;--section-pad-x:22px;--card-radius:14px;--accent:#fff;--accent-soft:#ccc;--accent-strong:#fff;--section-title-blue:#fff;--section-title-cyan:#eee;--section-title-violet:#ddd;--section-glow-cyan:rgba(255,255,255,.1);--section-glow-violet:rgba(255,255,255,.1);--header-h:64px}html,body{background:var(--bg);color:var(--fg);scroll-behavior:smooth;margin:0;padding:0;font-family:JetBrains Mono,monospace;line-height:1.6}a{color:var(--fg);text-underline-offset:4px;-webkit-text-decoration:underline rgba(255,255,255,.3);text-decoration:underline rgba(255,255,255,.3);transition:all .2s}a:hover{color:#fff;-webkit-text-decoration-color:#fff;text-decoration-color:#fff}h1,h2,h3{color:var(--fg);letter-spacing:-.02em;margin:0}.title{color:var(--fg);letter-spacing:-.03em;cursor:default;font-size:max(28px,min(5vw,64px));font-weight:700;line-height:1.1;transition:opacity .3s;display:inline-block;position:relative}.title:hover{opacity:.8}nav{z-index:6000;position:relative}nav a{z-index:6000;padding:4px 0;font-size:15px;font-weight:500;position:relative;color:#f9fafb!important}nav a:after{content:"";background:var(--accent);transform-origin:100%;width:100%;height:2px;transition:transform .3s;position:absolute;bottom:-2px;left:0;transform:scaleX(0)}nav a:hover:after{transform-origin:0;transform:scaleX(1)}.nav-link.active{text-shadow:0 0 6px rgba(56,189,248,.85);font-weight:700;color:var(--accent)!important}.nav-links{justify-content:center;align-items:center;gap:24px;display:flex;position:relative}.nav-links.desktop-nav{flex:1}.header-actions{align-items:center;gap:14px;display:flex}.brand-mark{letter-spacing:-.02em;color:#fff;font-size:16px;font-weight:700}.menu-toggle{cursor:pointer;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.16);border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;padding:0 10px;transition:transform .12s,box-shadow .2s,border-color .2s;display:inline-flex;box-shadow:0 10px 26px rgba(0,0,0,.35)}.menu-bar{background:#e5f2ff;border-radius:999px;width:18px;height:2px;transition:transform .2s,opacity .2s;display:block}.menu-bar+.menu-bar{margin-top:4px}.menu-toggle.open .top{transform:translateY(6px)rotate(45deg)}.menu-toggle.open .middle{opacity:0}.menu-toggle.open .bottom{transform:translateY(-6px)rotate(-45deg)}.nav-drawer{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;opacity:0;pointer-events:none;background:rgba(2,6,23,.6);justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.nav-drawer-inner{background:rgba(4,23,34,.98);border:1px solid #0f3445;border-radius:20px;flex-direction:column;gap:20px;width:min(90%,400px);padding:30px;transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;transform:scale(.95);box-shadow:0 25px 50px -12px rgba(0,0,0,.5)}.drawer-top{justify-content:space-between;align-items:center;display:flex}.drawer-brand{color:#e5f2ff;letter-spacing:.02em;align-items:center;gap:8px;font-weight:700;display:inline-flex}.nav-drawer-links{flex-direction:column;gap:10px;display:flex}.nav-drawer .nav-link{padding:8px 0;font-size:18px}.menu-close{color:#e5f2ff;cursor:pointer;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18);border-radius:10px;width:36px;height:36px}.menu-close:hover{background:rgba(56,189,248,.12);border-color:rgba(56,189,248,.6)}.drawer-lang{align-self:flex-start}.nav-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:960;background:rgba(2,6,23,.45);display:none;position:fixed;top:0;bottom:0;left:0;right:0}@media (max-width:900px){.nav-links.desktop-nav{display:none!important}.lang-toggle.desktop-lang{display:flex}}@media (min-width:901px){.nav-links.desktop-nav{display:none!important}.menu-toggle{display:inline-flex!important}}.logo{transform-origin:50%;animation:10s infinite blink}.lang-toggle{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:999px;align-items:center;gap:4px;padding:2px 4px;display:inline-flex;box-shadow:0 12px 30px rgba(0,0,0,.35)}.lang-pill{min-width:36px;color:var(--fg);cursor:pointer;letter-spacing:.08em;text-transform:uppercase;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:5px 8px;font-size:11px;font-weight:700;transition:background .25s,border-color .25s,box-shadow .25s,color .25s,transform .1s}.lang-pill:hover{border-color:rgba(56,189,248,.6);transform:translateY(-1px);box-shadow:0 10px 26px rgba(56,189,248,.2)}.lang-pill.active{color:#e6f6ff;background:linear-gradient(120deg,rgba(56,189,248,.25),rgba(99,102,241,.2));border-color:rgba(56,189,248,.8);box-shadow:0 12px 30px rgba(56,189,248,.25),inset 0 1px rgba(255,255,255,.4)}.lang-pill:active{transform:translateY(0)}@keyframes blink{0%,90%,to{transform:scaleY(1)}95%{transform:scaleY(.05)}}.card{--card-raise:0px;border-radius:var(--card-radius);text-align:left;box-sizing:border-box;isolation:isolate;width:100%;max-width:100%;transform:translateY(var(--card-raise));background:radial-gradient(120% 120% at 15% 22%,rgba(56,189,248,.12),transparent 45%),radial-gradient(120% 120% at 86% 4%,rgba(99,102,241,.12),transparent 46%),#071c27;border:1px solid #0f3445;flex-direction:column;align-items:flex-start;gap:12px;margin:0 auto;padding:22px 18px;transition:transform .35s,box-shadow .5s,border-color .35s;display:flex;overflow:hidden;box-shadow:inset 0 1px rgba(255,255,255,.04),0 10px 32px rgba(0,0,0,.45)}.card:before,.card:after{content:"";border-radius:calc(var(--card-radius) + 2px);opacity:0;pointer-events:none;z-index:0;transition:opacity .6s,transform .6s;position:absolute;top:-1px;bottom:-1px;left:-1px;right:-1px}.card:before{filter:blur(24px);background:radial-gradient(circle at 18% 18%,rgba(56,189,248,.28),transparent 38%),radial-gradient(circle at 82% 10%,rgba(99,102,241,.28),transparent 40%);transform:scale(.9)}.card:after{filter:blur(18px);background:radial-gradient(180% 160% at 12% 18%,rgba(56,189,248,.18),transparent 42%) 0 0/180% 180%,radial-gradient(150% 140% at 88% 6%,rgba(99,102,241,.16),transparent 44%) 0 0/180% 180%,linear-gradient(120deg,rgba(14,165,233,.18),rgba(99,102,241,.08),rgba(14,165,233,.2)) 0 0/230% 230%;transition:opacity .7s}.card>*{z-index:1;position:relative}.card h3{color:var(--accent-soft);letter-spacing:.01em;margin-bottom:4px;font-size:18px}.card p{color:#d5e5ee;font-size:14px;line-height:1.55}.card ul{gap:6px;margin:6px 0 0;padding-left:18px;display:grid}.card li{color:#d5e5ee;line-height:1.55}.reveal.visible .card{--card-raise:-2px;border-color:rgba(56,189,248,.5);box-shadow:0 18px 55px rgba(8,47,73,.55),0 0 0 1px rgba(56,189,248,.18)}.reveal.visible .card:before{opacity:.7;transform:scale(1)}.reveal.visible .card:after{opacity:.32;animation:11s ease-in-out infinite cardAurora}.card:hover{--card-raise:-8px;border-color:rgba(248,250,252,.45);box-shadow:0 24px 70px rgba(0,0,0,.9),0 0 0 1px rgba(56,189,248,.3),0 14px 50px rgba(56,189,248,.14)}.card:hover:before{opacity:.9;transform:scale(1)}.card:hover:after{opacity:.48}@keyframes cardAurora{0%{background-position:0 30%,90% 10%,0 40%}50%{background-position:60% 80%,10% 40%,90% 70%}to{background-position:0 30%,90% 10%,0 40%}}@media (prefers-reduced-motion:reduce){.reveal.visible .card:after{animation:none}}.separator{background:linear-gradient(90deg,transparent,rgba(56,189,248,.8),transparent) 0 0/200% 100%;width:100%;height:1px;animation:6s linear infinite shine}@keyframes shine{0%{background-position:200% 0}to{background-position:-200% 0}}.animate-spin-slow{animation:8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-in{animation-duration:.5s;animation-fill-mode:both}.fade-in{animation-name:fadeIn}.slide-in-from-bottom-4{animation-name:slideInBottom}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInBottom{0%{transform:translateY(16px)}to{transform:translateY(0)}}.reveal{opacity:0;will-change:opacity,transform;transition:opacity .6s ease-out,transform .6s ease-out;transform:translateY(24px)}.reveal.visible{opacity:1;transform:translateY(0)}.section-title{background:linear-gradient(90deg,var(--section-title-blue),var(--section-title-cyan),var(--section-title-violet));-webkit-text-fill-color:transparent;letter-spacing:.01em;-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:36px;font-weight:700;animation:6s ease-in-out infinite fadeGlow;position:relative}@keyframes fadeGlow{0%,to{text-shadow:0 0 6px var(--section-glow-cyan)}50%{text-shadow:0 0 18px var(--section-glow-violet)}}.section-title:after{content:"";filter:blur(1px);opacity:.85;background:linear-gradient(90deg,transparent,rgba(56,189,248,.55),transparent);width:68%;max-width:320px;height:3px;transition:width .25s,opacity .25s;position:absolute;bottom:-14px;left:50%;transform:translate(-50%)}.section-title:hover:after{opacity:1;width:86%}.section-text{color:#d5e5ee;letter-spacing:.01em;max-width:700px;margin:0 auto;font-size:15px;line-height:1.6}.featured-grid,.grid-container{width:min(100%,var(--content-max));grid-template-columns:repeat(auto-fit,minmax(260px,1fr));justify-items:center;gap:28px;margin:0 auto;padding:48px 0 12px;display:grid}.bg-gradient{background:linear-gradient(270deg,#020617,#0b2835,#020617) 0 0/600% 600%;animation:15s infinite gradientShift}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.hero-section{width:100%;min-height:calc(100vh - var(--header-h));padding-top:var(--header-h);justify-content:flex-start;align-items:center;display:flex;position:relative;overflow:hidden}.hero-text{--hero-x:15%;--hero-y:-10%;z-index:1;text-align:left;max-width:720px;transform:translate(var(--hero-x),var(--hero-y));flex-direction:column;align-items:flex-start;gap:18px;display:flex;position:relative}.hero-name{color:var(--accent);cursor:pointer;background:rgba(0,0,0,.4);border:1px solid rgba(56,189,248,.35);border-radius:10px;width:auto;padding:6px 12px;font-size:max(18px,min(3.5vw,28px));font-weight:400;transition:transform .16s,box-shadow .25s,border-color .25s,background .25s;display:inline-block;box-shadow:0 0 10px rgba(56,189,248,.35),0 10px 30px rgba(0,0,0,.35)}.hero-name:hover{background:rgba(14,165,233,.1);border-color:rgba(56,189,248,.55);transform:translateY(-1px)scale(1.015);box-shadow:0 0 14px rgba(56,189,248,.65),0 12px 34px rgba(0,0,0,.45)}.hero-hint{color:var(--muted);margin-top:4px;font-size:12px;display:block}.hero-desc{color:var(--fg);word-break:normal;overflow-wrap:anywhere;-webkit-hyphens:manual;hyphens:manual;background:rgba(0,0,0,.4);border-radius:8px;max-width:72%;padding:8px 16px;font-size:max(12px,min(1.15vw,14px));line-height:1.55;transition:font-size .3s}.hero-bg{object-fit:cover;object-position:center;transition:filter .6s}.hero-bg.hue{filter:hue-rotate(190deg)saturate(1.8)}.hero-bg.grayscale{filter:grayscale()}.hero-bg.yellow{filter:sepia()hue-rotate(200deg)saturate(2)}.blog-section{color:var(--fg);background:#031019}.blog-img{border-radius:8px;width:100%}.overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:5500;background:rgba(4,17,23,.3);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.dialog{text-align:center;z-index:6000;background:#020617;border-radius:12px;min-width:300px;max-width:90%;padding:20px}@media (max-width:768px){:root{--header-h:72px;--section-pad-y:60px;--section-pad-x:18px}.hero-text{--hero-x:5%;--hero-y:0%;gap:12px;max-width:92%}.hero-desc{padding:6px 12px;font-size:13px;line-height:1.5}.section-title{font-size:28px}.grid-container{gap:18px;padding:32px 0 8px}.card{max-width:100%;padding:18px 16px}nav a{font-size:14px}.nav-links{flex-wrap:wrap;gap:12px}.header-inner{gap:12px}}@media (max-width:480px){nav a{font-size:12px}.nav-links{gap:10px}}.contact-dialog{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:rgba(4,23,34,.95);border:1px solid #0f3445;width:min(520px,92vw);padding:24px 22px 20px;position:relative;box-shadow:0 10px 40px rgba(0,0,0,.5)}.close-btn{color:rgba(255,255,255,.85);cursor:pointer;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.2);border-radius:999px;place-items:center;width:34px;height:34px;transition:background .2s,transform 60ms;display:grid;position:absolute;top:10px;right:10px}.close-btn:active{transform:scale(.97)}.close-btn:focus{outline-offset:2px;outline:2px solid rgba(255,255,255,.3)}.contact-header{text-align:center;margin-top:12px;margin-bottom:8px}.contact-header h3{font-size:18px;font-weight:700}.contact-header p{color:rgba(229,229,229,.75);margin-top:4px;font-size:12px}.btn{cursor:pointer;border:1px solid transparent;border-radius:10px;justify-content:center;align-items:center;gap:6px;height:36px;padding:0 14px;font-size:14px;font-weight:600;transition:background .2s,border-color .2s,transform .1s,box-shadow .25s;display:inline-flex;position:relative;overflow:hidden}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(1px)}.btn-primary{color:#000;background:#fff;box-shadow:0 10px 30px rgba(56,189,248,.15),inset 0 1px rgba(255,255,255,.35)}.btn-primary:hover{background:#e9e9e9;box-shadow:0 14px 36px rgba(56,189,248,.25),inset 0 1px rgba(255,255,255,.5)}.btn-ghost{color:var(--fg);background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.15);box-shadow:0 8px 26px rgba(0,0,0,.35)}.btn-ghost:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.25);box-shadow:0 12px 32px rgba(0,0,0,.45)}.btn:after{content:"";background:linear-gradient(90deg,rgba(255,255,255,.08),rgba(255,255,255,0));width:40%;height:100%;transition:transform .35s;position:absolute;top:0;left:-20%;transform:skew(-18deg)translate(-120%)}.btn:hover:after{transform:skew(-18deg)translate(260%)}.btn:focus-visible{outline-offset:2px;outline:2px solid rgba(56,189,248,.4)}.svc-icon,.card svg{align-self:flex-start;width:40px;height:40px;margin:0 0 4px;display:block}.contact-dialog{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:center;background:rgba(4,23,34,.95);border:1px solid #0f3445;width:min(520px,92vw);padding:24px 22px 20px;position:relative;box-shadow:0 10px 40px rgba(0,0,0,.5)}.close-btn{color:rgba(255,255,255,.85);cursor:pointer;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.2);border-radius:999px;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:10px;right:10px}.close-btn:hover{background:rgba(255,255,255,.12)}.contact-header{margin:12px 0 8px}.contact-header img{object-fit:cover;border-radius:999px;width:96px;height:96px;margin:0 auto 10px;display:block;box-shadow:0 0 0 2px rgba(255,255,255,.08)}.contact-header h3{margin:0;font-size:18px;font-weight:700}.contact-header p{color:rgba(229,229,229,.75);margin:4px 0 0;font-size:12px}.contact-grid{border:1px solid rgba(255,255,255,.06);border-radius:12px;margin-top:16px;overflow:hidden}.contact-grid .row{border-top:1px solid rgba(255,255,255,.06);grid-template-columns:110px 1fr;align-items:baseline;gap:12px;padding:12px 14px;display:grid}.contact-grid .row:first-child{border-top:none}.contact-grid .label{color:rgba(229,229,229,.65);font-size:13px}.contact-grid .value{color:inherit;word-break:break-word;font-size:14px;text-decoration:none}.contact-grid .value:hover{text-decoration:underline}.contact-cta{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.overlay{z-index:5500;background:rgba(0,0,0,.7);justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.dialog{background:#041722;border-radius:12px;max-width:90%;padding:20px}.grid-container{align-items:stretch}.card{flex-direction:column;gap:12px;width:100%;max-width:320px;display:flex}.project-main{box-sizing:border-box}.project-hero-img{display:block}.project-links{flex-wrap:wrap;gap:12px;margin-bottom:32px;display:flex}.project-link{border:1px solid transparent;border-radius:999px;padding:8px 14px;font-size:14px;text-decoration:none}.project-link-demo{border-color:var(--accent);color:var(--accent)}.project-link-repo{border-color:var(--accent-soft);color:var(--accent-soft)}.project-grid{grid-template-columns:1fr;gap:20px;margin-top:10px;margin-bottom:40px;display:grid}.project-card{text-align:left;box-sizing:border-box;background:#071c27;border:1px solid #0f3445;border-radius:12px;width:100%;padding:18px 16px}.project-card h3{color:var(--fg);margin:0 0 8px;font-size:16px}.project-card p,.project-card li{color:#d5e5ee;margin:0;font-size:14px}.project-card ul{margin:0;padding-left:18px}.card:hover{--card-raise:-8px;transform:translateY(var(--card-raise));border-color:rgba(248,250,252,.45);box-shadow:0 24px 70px rgba(0,0,0,.9),0 0 0 1px rgba(56,189,248,.3),0 14px 50px rgba(56,189,248,.14)}.section-subtitle{color:#9aa1b2;text-align:center;max-width:760px;margin:10px auto 28px;font-size:1rem}.home-section{padding:var(--section-pad-y)var(--section-pad-x);text-align:center;box-sizing:border-box}.home-section>*{max-width:var(--content-max);margin-left:auto;margin-right:auto}.home-section p,.home-section ul{max-width:820px}.home-section-alt{padding:calc(var(--section-pad-y) + 6px)var(--section-pad-x);background:#020617}.home-section-deep{padding:calc(var(--section-pad-y) + 6px)var(--section-pad-x);background:#020f1a}.hero-bullets{flex-direction:column;gap:6px;margin-top:10px;display:flex}.hero-cta{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.home-section .btn{margin-top:24px}.home-section .grid-container{margin-top:12px}.home-section ul{gap:6px;padding-left:18px;display:grid}.home-section li{color:#d5e5ee;line-height:1.55}.overview-section{position:relative;overflow:hidden}.overview-shell{justify-items:center;gap:18px;width:min(100%,980px);margin:0 auto;display:grid}.overview-eyebrow{letter-spacing:.16em;text-transform:uppercase;color:#93c5fd;text-align:center;margin:0;font-size:12px;font-weight:700}.overview-title{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 12px;max-width:860px;margin:0;display:flex}.overview-word{letter-spacing:-.02em;background:linear-gradient(130deg,rgba(56,189,248,.24),rgba(15,23,42,.46));border:1px solid rgba(56,189,248,.4);border-radius:999px;justify-content:center;align-items:center;padding:9px 16px;font-weight:700;line-height:1;display:inline-flex;box-shadow:0 10px 24px rgba(0,0,0,.25)}.overview-word.xl{font-size:max(22px,min(4.2vw,46px))}.overview-word.lg{font-size:max(17px,min(3.05vw,32px))}.overview-word.md{font-size:max(14px,min(2.05vw,23px))}.overview-intro{color:#d5e5ee;text-align:center;max-width:780px;margin:4px auto 0;font-size:max(15px,min(1.75vw,19px));line-height:1.62}.overview-grid{grid-template-columns:repeat(2,minmax(260px,1fr));place-items:stretch center;gap:28px 24px;width:min(100%,920px);margin-top:14px;padding:8px 0 6px;display:grid}.overview-grid>.reveal{justify-content:center;width:100%;display:flex}.overview-card{text-align:center;background:radial-gradient(120% 120% at 15% 16%,rgba(56,189,248,.1),transparent 48%),linear-gradient(150deg,#041722 0%,#03101a 100%);border:1px solid rgba(56,189,248,.24);border-radius:16px;gap:9px;width:100%;max-width:440px;padding:18px 16px;transition:transform .25s,border-color .25s,box-shadow .25s;display:grid;box-shadow:0 14px 36px rgba(0,0,0,.35)}.overview-card:hover{border-color:rgba(159,223,255,.46);transform:translateY(-3px);box-shadow:0 20px 42px rgba(0,0,0,.45),0 0 0 1px rgba(159,223,255,.18)}.overview-card-title,.overview-card-accent,.overview-card-body{margin:0}.overview-card-title{color:#f7fcff;letter-spacing:-.01em;font-weight:700}.overview-card.large .overview-card-title{font-size:max(20px,min(1.9vw,25px))}.overview-card.medium .overview-card-title{font-size:max(18px,min(1.6vw,21px))}.overview-card.small .overview-card-title{font-size:max(16px,min(1.28vw,19px))}.overview-card-accent{color:#7dd3fc;letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:700;line-height:1.45}.overview-card-body{color:#b7cad9;max-width:38ch;margin:0 auto;font-size:14px;line-height:1.58}@media (max-width:960px){.overview-grid{grid-template-columns:1fr;gap:18px}}@media (max-width:768px){.overview-shell{gap:14px}.overview-title{gap:8px}.overview-card{padding:14px 12px}.overview-card-body{max-width:34ch}}.blog-section .grid-container,.home-section-deep .grid-container{padding-top:36px}.gallery-section{background:linear-gradient(#09263a 0%,#072133 100%);position:relative;overflow:hidden}.gallery-shell{gap:18px;width:min(100%,1080px);margin:0 auto;display:grid}.gallery-viewport{isolation:isolate;background:radial-gradient(120% 120% at 18% 22%,rgba(56,189,248,.12),transparent 54%),radial-gradient(110% 110% at 82% 14%,rgba(99,102,241,.12),transparent 50%),linear-gradient(160deg,#03101b 0%,#020913 52%,#031a2d 100%);border:1px solid #0f3445;border-radius:18px;width:100%;min-height:320px;position:relative;overflow:hidden;box-shadow:0 18px 60px rgba(0,0,0,.55),inset 0 1px rgba(255,255,255,.05)}.gallery-viewport:before{content:"";filter:blur(26px);opacity:.95;z-index:0;background:radial-gradient(80% 80% at 24% 26%,rgba(56,189,248,.22),transparent 54%),radial-gradient(70% 70% at 76% 30%,rgba(129,140,248,.2),transparent 52%),radial-gradient(90% 90% at 42% 78%,rgba(14,165,233,.14),transparent 60%);animation:16s ease-in-out infinite alternate galleryGlow;position:absolute;top:-18%;bottom:-18%;left:-18%;right:-18%}.gallery-slide{z-index:1;flex-direction:column;gap:10px;display:none;position:relative}.gallery-slide.active{animation:.7s galleryFade;display:flex}.gallery-image{z-index:1;background:0 0;justify-content:center;align-items:center;width:100%;min-height:320px;display:flex;position:relative}.gallery-img{object-fit:contain}.gallery-empty{color:#9aa1b2;background:rgba(0,0,0,.35);border:1px dashed rgba(148,163,184,.5);border-radius:14px;place-items:center;min-height:220px;display:grid}.gallery-meta{box-sizing:border-box;text-align:center;z-index:1;background:0 0;border-top:none;flex-direction:column;align-items:center;width:auto;margin:0 auto;padding:8px 10px 10px;display:inline-flex;position:relative}.gallery-meta.ghost{background:0 0;border:none;padding:8px 10px 10px}.gallery-label{color:#e6f9ff;letter-spacing:.02em;margin:0 0 4px;font-weight:700}.gallery-desc{color:#fff;max-width:820px;margin:0;font-size:13px}.gallery-nav{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.gallery-btn{width:44px;height:44px;color:var(--fg);cursor:pointer;background:rgba(56,189,248,.08);border:1px solid rgba(56,189,248,.4);border-radius:12px;font-size:22px;transition:transform .2s,box-shadow .25s,border-color .2s}.gallery-btn:hover{border-color:rgba(56,189,248,.8);transform:translateY(-2px);box-shadow:0 12px 32px rgba(56,189,248,.25)}.gallery-dots{justify-content:center;gap:8px;display:flex}.gallery-dot{cursor:pointer;background:rgba(255,255,255,.3);border:none;border-radius:999px;width:10px;height:10px;transition:transform .2s,background .2s}.gallery-dot.active{background:var(--accent);transform:scale(1.2)}@media (min-width:900px){.gallery-image{min-height:420px}.gallery-meta{background:0 0;padding:10px 12px 12px}}@media (max-width:640px){.gallery-image{min-height:260px}}@keyframes galleryFade{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes galleryGlow{0%{opacity:.85;transform:translate(-8px,-6px)scale(1)}50%{opacity:.95;transform:translate(10px,8px)scale(1.04)}to{opacity:.88;transform:translate(-10px,12px)scale(1.02)}}@media (min-width:768px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-grid .project-card:first-child{grid-column:1/-1}}:root{--font-display:"JetBrains Mono","Consolas",monospace;--font-body:"Segoe UI","Helvetica Neue",Arial,sans-serif;--text-title:#f3fbff;--text-body:#d5e4ee;--text-soft:#a8bfd1;--text-muted:#8fa6b7;--text-accent:#9fdfff;--section-title-blue:#9fdfff;--section-title-cyan:#86d6ff;--section-title-violet:#b4c5ff;--section-glow-cyan:rgba(126,211,255,.28);--section-glow-violet:rgba(142,182,255,.35)}body{font-family:var(--font-body);color:var(--text-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,.title,.hero-name,.section-title,.brand-mark,.gallery-label,.overview-word,.overview-card-title{font-family:var(--font-display);color:var(--text-title)}p,li,small,.hero-hint,.hero-desc,.section-text,.section-subtitle,.gallery-desc,.overview-intro,.overview-card-accent,.overview-card-body,.contact-header p,.contact-grid .label,.contact-grid .value{font-family:var(--font-body)}.section-subtitle{color:var(--text-soft)}.section-text{color:var(--text-body)}.hero-hint{color:var(--text-muted)}.hero-desc{color:var(--text-body);background:rgba(2,8,12,.5);border:1px solid rgba(159,223,255,.22)}.hero-name{color:var(--text-title)}.card h3{color:#e9f7ff}.card p,.card li{color:#bfd3e1}.gallery-desc{color:#dceeff}.overview-card-accent{color:var(--text-accent)}.overview-card-body{color:#bed2df}.nav-link,.nav-drawer .nav-link,.drawer-brand,.lang-pill{font-family:var(--font-display)}footer p,footer a{font-family:var(--font-body)}a{transition:color .24s,-webkit-text-decoration-color .24s,text-decoration-color .24s,text-shadow .24s}a:hover{color:#b8e7ff;text-shadow:0 0 12px rgba(138,218,255,.25);-webkit-text-decoration-color:#9fdfff;text-decoration-color:#9fdfff}.title,.section-title,.card h3,.overview-card-title,.overview-word,.hero-name,.nav-link,.nav-drawer .nav-link,.gallery-label{transition:color .25s,text-shadow .25s,transform .25s,letter-spacing .25s}.title:hover{color:#f6fcff;text-shadow:0 0 16px rgba(143,213,255,.24)}.section-title:hover{text-shadow:0 0 8px rgba(127,205,255,.28),0 0 18px rgba(127,205,255,.14)}.section-title:hover:after{background:linear-gradient(90deg,transparent,rgba(159,223,255,.75),transparent);width:min(92%,360px)}.nav-link:hover,.nav-drawer .nav-link:hover{text-shadow:0 0 12px rgba(132,211,255,.35);color:#bfe9ff!important}.hero-name:hover{color:#f7fcff;text-shadow:0 0 10px rgba(143,215,255,.35)}.overview-word:hover{color:#f8fdff;background:linear-gradient(130deg,rgba(81,191,247,.33),rgba(15,23,42,.52));border-color:rgba(159,223,255,.56);transform:translateY(-2px)scale(1.01);box-shadow:0 14px 30px rgba(0,0,0,.35),0 0 0 1px rgba(159,223,255,.2)}.overview-card:hover .overview-card-title{color:#e8f8ff;text-shadow:0 0 10px rgba(142,219,255,.24)}.overview-card:hover .overview-card-accent{color:#c6ecff}.overview-card:hover .overview-card-body{color:#d1e3ef}.card:hover h3{color:#d6f0ff;text-shadow:0 0 10px rgba(138,214,255,.2)}.header-inner{grid-template-columns:1fr auto 1fr;align-items:center;column-gap:12px;min-height:52px;position:relative;display:grid!important}.header-brand{grid-column:2;justify-self:center;align-items:center;gap:12px;margin:0;display:inline-flex}.header-actions{grid-column:3;justify-self:end;align-items:center;gap:10px;margin-right:max(2px,min(1vw,10px));display:inline-flex;position:static}.brand-mark{color:#e8f7ff;text-shadow:0 0 10px rgba(159,223,255,.22)}.menu-toggle{background:radial-gradient(120% 120% at 24% 18%,rgba(104,202,255,.2),transparent 52%),rgba(8,20,30,.78);border:1px solid rgba(159,223,255,.3);border-radius:14px;width:44px;height:44px;box-shadow:inset 0 1px rgba(255,255,255,.08),0 10px 26px rgba(0,0,0,.45)}.menu-toggle:hover{border-color:rgba(159,223,255,.6);transform:translateY(-1px);box-shadow:inset 0 1px rgba(255,255,255,.14),0 14px 32px rgba(81,191,247,.22)}.menu-toggle.open{background:radial-gradient(120% 120% at 24% 18%,rgba(104,202,255,.3),transparent 52%),rgba(8,20,30,.9);border-color:rgba(159,223,255,.78)}.menu-bar{background:#e6f7ff;width:18px;height:2px}.nav-drawer{-webkit-backdrop-filter:blur(11px);backdrop-filter:blur(11px);z-index:9999;opacity:0;pointer-events:none;background:radial-gradient(120% 120% at 15% 10%,rgba(81,191,247,.2),transparent 56%),rgba(1,8,14,.62);place-items:center;padding:20px 16px;transition:opacity .3s;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.nav-drawer.open{opacity:1;pointer-events:auto}.nav-drawer-inner{background:radial-gradient(130% 120% at 6% 4%,rgba(81,191,247,.24),transparent 50%),linear-gradient(150deg,rgba(6,23,34,.98) 0%,rgba(3,12,22,.98) 100%);border:1px solid rgba(159,223,255,.25);border-radius:24px;width:min(94vw,430px);padding:18px 16px 16px;transition:transform .34s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;transform:translateY(16px)scale(.96);box-shadow:0 28px 64px rgba(0,0,0,.6),0 0 0 1px rgba(159,223,255,.08),inset 0 1px rgba(255,255,255,.08)}.nav-drawer-inner:before{content:"";pointer-events:none;background:radial-gradient(closest-side,rgba(159,223,255,.16),transparent 78%);height:120px;position:absolute;top:-40%;bottom:auto;left:-10%;right:-10%}.nav-drawer.open .nav-drawer-inner{transform:translateY(0)scale(1)}.drawer-top{z-index:1;justify-content:space-between;align-items:center;margin-bottom:14px;display:flex;position:relative}.drawer-brand{align-items:center;gap:10px;display:inline-flex}.drawer-brand-mark{background:rgba(6,18,27,.75);border:1px solid rgba(159,223,255,.35);border-radius:12px;place-items:center;width:40px;height:40px;display:grid;box-shadow:inset 0 1px rgba(255,255,255,.08)}.drawer-brand-copy{flex-direction:column;align-items:flex-start;line-height:1.1;display:inline-flex}.drawer-brand-copy strong{color:#eaf8ff;letter-spacing:.02em;font-size:15px}.drawer-brand-copy small{color:#93b7cd;letter-spacing:.08em;text-transform:uppercase;margin-top:3px;font-size:11px}.menu-close{color:#d8efff;background:rgba(8,21,30,.8);border:1px solid rgba(159,223,255,.3);border-radius:11px;width:36px;height:36px;box-shadow:inset 0 1px rgba(255,255,255,.08)}.menu-close:hover{color:#eff9ff;background:rgba(12,28,41,.9);border-color:rgba(159,223,255,.62)}.nav-drawer-links{z-index:1;gap:12px;padding:2px;display:grid;position:relative}.nav-drawer-links .nav-link{box-sizing:border-box;letter-spacing:.02em;background:radial-gradient(180% 120% at 14% 10%,rgba(81,191,247,.16),transparent 54%),rgba(4,16,24,.72);border:1px solid rgba(159,223,255,.2);border-radius:14px;justify-content:flex-start;align-items:center;width:100%;max-width:100%;min-height:48px;padding:12px 14px;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .22s,background .22s,color .22s;display:inline-flex;font-size:15px!important}.nav-drawer-links .nav-link:after{display:none}.nav-drawer-links .nav-link:hover{background:radial-gradient(180% 120% at 14% 10%,rgba(81,191,247,.25),transparent 54%),rgba(5,20,31,.86);border-color:rgba(159,223,255,.48);transform:translateY(-1px);box-shadow:0 14px 28px rgba(0,0,0,.35),0 0 0 1px rgba(159,223,255,.12)}.nav-drawer-links .nav-link.active{background:radial-gradient(180% 120% at 14% 10%,rgba(81,191,247,.35),transparent 54%),rgba(8,26,39,.95);border-color:rgba(159,223,255,.62);box-shadow:0 16px 34px rgba(0,0,0,.42),0 0 0 1px rgba(159,223,255,.18);color:#f2fbff!important}.nav-overlay{display:none!important}@media (max-width:560px){.brand-mark{font-size:14px}.header-actions{gap:8px;margin-right:2px}.menu-toggle{width:40px;height:40px}.nav-drawer-inner{border-radius:20px;width:min(96vw,430px);padding:16px 14px 14px}}.btn-whatsapp{color:#fff;background:#25d366;border-color:#25d366;box-shadow:0 12px 26px rgba(37,211,102,.28),inset 0 1px rgba(255,255,255,.22)}.btn-whatsapp:hover{color:#fff;background:#1ebe5a;border-color:#1ebe5a;box-shadow:0 16px 34px rgba(37,211,102,.35),inset 0 1px rgba(255,255,255,.28)}.btn-whatsapp .btn-icon{flex-shrink:0;place-items:center;width:18px;height:18px;margin-right:6px;display:inline-grid}.btn-whatsapp .btn-icon svg{width:16px;height:16px;display:block}.projects-section{background:radial-gradient(120% 80% at 50% 0,rgba(56,189,248,.12),transparent 52%),#021426}.projects-showcase-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:stretch;gap:26px 24px}.projects-showcase-grid>.reveal{justify-content:center;width:100%;display:flex}.projects-showcase-grid .card{width:100%;max-width:360px;min-height:100%}@media (max-width:768px){.projects-showcase-grid{gap:18px}.projects-showcase-grid .card{max-width:100%}}