:root{--bg: #020617;--bg2: #07101f;--panel: rgba(2, 6, 23, .7);--panel2: rgba(2, 6, 23, .48);--text: #e2e8f0;--text2: rgba(226, 232, 240, .78);--text3: rgba(226, 232, 240, .58);--border: rgba(148, 163, 184, .18);--border2: rgba(148, 163, 184, .14);--accent: #39ff88;--stroke: rgba(57,255,136,.22);--glow: rgba(57,255,136,.12);--highlight: rgba(196,255,224,.92);--tint1: rgba(148,163,184,.14);--tint2: rgba(148,163,184,.1);--tint3: rgba(15,23,42,.55);--radius: 18px;--radius2: 16px;--shadow: 0 18px 50px rgba(2, 6, 23, .74);--font-sans: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";--sectionY: clamp(56px, 8vw, 120px);--tap: 44px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;text-size-adjust:100%}html,body,#root{height:100%}body{margin:0;font-family:var(--font-sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}.page{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(1200px 650px at 18% 8%,var(--glow),transparent 60%),radial-gradient(900px 520px at 78% 0%,var(--tint1),transparent 55%),radial-gradient(820px 520px at 60% 92%,var(--tint2),transparent 60%),radial-gradient(900px 700px at 50% 40%,var(--tint3),transparent 60%),linear-gradient(to bottom,#02061700,#02061761,#020617)}.page:after{content:"";position:fixed;inset:0;pointer-events:none;opacity:.075;background-image:url(data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%224%22%20height=%224%22%3E%3Cpath%20d=%22M0%200h4v4H0z%22%20fill=%22%23000%22/%3E%3Cpath%20d=%22M0%200h1v1H0z%22%20fill=%22%23fff%22%20fill-opacity=%220.35%22/%3E%3C/svg%3E);z-index:-1}main{flex:1}.container{width:min(1200px,92vw);margin-inline:auto}.section{padding-block:var(--sectionY)}.mutedTiny{color:var(--text3);font-size:.78rem}h1,h2,h3,p{margin:0}h1{font-size:clamp(2.15rem,5vw,3.6rem);letter-spacing:-.02em;line-height:1.06}h2{font-size:clamp(1.7rem,3.2vw,2.5rem);letter-spacing:-.01em;line-height:1.15}p{font-size:clamp(.98rem,1.1vw,1.05rem);line-height:1.65;color:var(--text2)}.header{position:sticky;top:0;z-index:30;border-bottom:1px solid var(--border2);background:#0206179e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.headerInner{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:6px;padding-bottom:2px;min-height:74px}.brand{display:flex;align-items:center;gap:10px;border:0;background:transparent;color:inherit;cursor:pointer;padding:2px 0}.brandLogoImg{height:150px;width:auto;display:block;object-fit:contain;filter:drop-shadow(0 0 14px rgba(57,255,136,.55)) drop-shadow(0 10px 30px rgba(2,6,23,.85))}.brandText{display:grid;line-height:1.15}.brandName{font-weight:650;font-size:18px;letter-spacing:.3px}.brandTagline{font-size:12px;color:var(--text3);margin-top:2px}.navDesktop{display:none;align-items:center;gap:8px}.navMobile{display:inline-flex}@media(min-width:860px){.navDesktop{display:flex}.navMobile{display:none}}.navLink{min-height:var(--tap);padding:10px 12px;border-radius:999px;border:1px solid transparent;background:transparent;color:var(--text2);cursor:pointer;transition:.15s ease}.navLink:hover{background:#0f172a6b;color:var(--text)}.navLinkActive{background:#0f172a9e;border-color:var(--stroke);color:var(--text);box-shadow:0 0 0 1px #39ff880f}.navRight{display:flex;align-items:center;gap:10px;margin-left:6px}.iconBtn{min-height:var(--tap);min-width:var(--tap);border-radius:999px;border:1px solid var(--border);background:#0206175c;color:var(--text);display:grid;place-items:center;cursor:pointer;transition:.15s ease}.iconBtn:hover{background:#0f172a80}.mobileMenu{border-top:1px solid var(--border2)}.mobileMenuInner{padding:12px 0 16px;display:grid;gap:10px}.mobileRow{display:flex}.mobileLinks{display:grid;gap:8px}@media(max-width:768px){.headerInner{min-height:70px;padding:6px 0}.brandLogo img{height:64px}.brandName{font-size:16px}.brandTagline{font-size:11px}}@media(max-width:420px){.brandLogo img{height:56px}}.select{height:var(--tap);border-radius:999px;border:1px solid var(--border);background:#02061770;color:var(--text);padding:0 12px;outline:none}.select:focus{border-color:#c4ffe073;box-shadow:0 0 0 4px #39ff881a}.btn{min-height:var(--tap);border:1px solid transparent;border-radius:999px;padding:10px 14px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:.15s ease;background:transparent;color:var(--text);justify-content:center;-webkit-user-select:none;user-select:none}.btnPrimary{background:#1e293b99;border-color:var(--stroke);box-shadow:0 0 0 1px #39ff880f}.btnPrimary:hover{background:#1e293bcc}.btnOutline{background:#0206173d;border-color:var(--border);color:var(--text2)}.btnOutline:hover{background:#0f172a6b;color:var(--text)}.btnGhost{background:transparent;border-color:transparent;color:var(--text2)}.btnGhost:hover{background:#0f172a59;color:var(--text)}.hero{padding-top:clamp(38px,5vw,64px)}.heroGrid{display:grid;gap:clamp(28px,5vw,60px)}.heroPillWrapper{display:flex;margin-bottom:26px}.heroPill{font-size:18px;padding:10px 18px;border-radius:999px;background:#02061773;border:1px solid var(--stroke);color:var(--text);letter-spacing:.3px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 0 0 1px #39ff8814,0 10px 30px #020617b3}@media(min-width:900px){.heroGrid{grid-template-columns:1.1fr .9fr;align-items:center}}.pill{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border-radius:999px;border:1px solid var(--stroke);background:#02061766;color:var(--text2);font-size:12px}.pill.subtle{border-color:var(--border2);background:#0f172a61}.dot{width:8px;height:8px;border-radius:999px;background:var(--accent);box-shadow:0 0 22px #39ff8859}.heroTitle{margin-top:16px}.highlight{color:var(--highlight);text-shadow:0 0 24px rgba(57,255,136,.14)}.heroSub{margin-top:12px;max-width:56ch}.heroActions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:18px}@media(max-width:600px){.heroActions{flex-direction:column;align-items:stretch}.heroActions .btn{width:100%}}.inlineMeta{display:flex;align-items:center;gap:8px;color:var(--text3);font-size:14px}.card{border-radius:var(--radius);border:1px solid var(--border2);background:var(--panel);box-shadow:var(--shadow)}.cardInner{padding:clamp(16px,3vw,26px)}.divider{height:1px;width:100%;margin:16px 0;background:linear-gradient(to right,transparent,rgba(148,163,184,.35),transparent)}.showGrid{display:grid;gap:12px}@media(min-width:560px){.showGrid{grid-template-columns:1fr 1fr}}.miniCard{border-radius:var(--radius2);border:1px solid var(--border2);background:var(--panel2);padding:14px}.miniTitle{font-weight:600;font-size:13px;color:var(--text)}.miniDesc{margin-top:6px;color:var(--text2);font-size:13px;line-height:1.5}.aboutGrid{display:grid;gap:48px}@media(min-width:900px){.aboutGrid{grid-template-columns:1.2fr .8fr;align-items:start}}.aboutContent p{margin-top:16px;max-width:60ch}.aboutCard{background:var(--panel);border:1px solid var(--border2);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow)}.aboutCard h3{margin-bottom:14px}.aboutCard ul{list-style:none;padding:0;margin:0;display:grid;gap:10px;color:var(--text2)}.projectsHeader{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:18px}.projectsSub{margin-top:10px;max-width:70ch;color:var(--text2)}.projectsControls{display:grid;gap:10px;grid-template-columns:1fr;width:min(720px,100%)}@media(min-width:720px){.projectsControls{grid-template-columns:1.2fr .9fr .9fr;align-items:center}}.input{height:var(--tap);border-radius:999px;border:1px solid var(--border);background:#02061770;color:var(--text);padding:0 14px;outline:none}.input:focus{border-color:#c4ffe073;box-shadow:0 0 0 4px #39ff881a}.projectsGrid{display:grid;gap:16px;margin-top:26px}.projectCard{border-radius:var(--radius);border:1px solid var(--border2);background:var(--panel);box-shadow:var(--shadow);padding:clamp(16px,3vw,22px)}.projectTop{display:grid;gap:14px}@media(min-width:860px){.projectTop{grid-template-columns:1fr auto;align-items:start}}.projectTitleRow{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.projectTitle{font-size:18px;margin:0}.projectDesc{margin-top:10px;color:var(--text2);max-width:80ch}.tagRow{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.projectToggle{justify-self:start}@media(min-width:860px){.projectToggle{justify-self:end}}.projectDetails{margin-top:12px}.bullets{margin:0;padding-left:18px;color:var(--text2);display:grid;gap:8px}.projectLinks{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.projectLink{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:999px;border:1px solid var(--border);background:#02061747;color:var(--text);transition:.15s ease}.projectLink:hover{background:#0f172a7a;border-color:#39ff8838}.statusPill{font-size:12px;padding:6px 10px;border-radius:999px;border:1px solid var(--border2);background:#02061759;color:var(--text2)}.status-Active{border-color:#39ff8840;color:#c4ffe0e6}.status-InProgress{border-color:#38bdf840;color:#bae6fde6}.status-Planned{border-color:#94a3b840;color:#e2e8f0cc}.emptyState{border-radius:var(--radius);border:1px dashed var(--border);background:#0206174d;padding:26px;text-align:center}.emptyTitle{font-weight:650;margin-bottom:6px}.emptyDesc{color:var(--text2);margin-bottom:14px}.contact{position:relative}.contactCard{position:relative;overflow:hidden;border-radius:var(--radius);border:1px solid var(--border2);background:linear-gradient(180deg,#020617d1,#020617ad),radial-gradient(circle at top right,rgba(57,255,136,.1),transparent 35%);box-shadow:var(--shadow);padding:clamp(24px,4vw,40px);text-align:center}.contactCard:before{content:"";position:absolute;inset:0;background:radial-gradient(500px 180px at 50% 0%,rgba(57,255,136,.1),transparent 70%);pointer-events:none}.contactEyebrow{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;margin-bottom:18px;border-radius:999px;border:1px solid var(--stroke);background:#02061770;color:var(--text2);font-size:.9rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.contactTitle{max-width:16ch;margin:0 auto;font-size:clamp(2rem,4vw,3rem);line-height:1.05;letter-spacing:-.03em;color:var(--highlight);text-shadow:0 0 24px rgba(57,255,136,.12)}.contactSub{max-width:62ch;margin:16px auto 0;font-size:clamp(1rem,1.2vw,1.08rem);color:var(--text2)}.contactActions{display:grid;gap:16px;justify-items:center;margin-top:28px}.contactPrimary{min-width:200px;padding:14px 22px;font-weight:700;font-size:1rem;background:linear-gradient(135deg,#39ff882e,#39ff8814);border-color:#39ff8857;color:var(--highlight);box-shadow:0 0 0 1px #39ff8814,0 10px 30px #39ff881a}.contactPrimary:hover{transform:translateY(-2px);background:linear-gradient(135deg,#39ff883d,#39ff881f);box-shadow:0 0 0 1px #39ff881f,0 16px 36px #39ff8824}.contactLinks{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.contactLinks .btn{min-width:140px}.contactNote{margin-top:18px;font-size:.92rem;color:var(--text3)}@media(max-width:640px){.contactActions{justify-items:stretch}.contactPrimary{width:100%}.contactLinks{display:grid;grid-template-columns:1fr;width:100%}.contactLinks .btn{width:100%}}.footer{margin-top:80px;border-top:1px solid var(--border2);background:#020617a8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.footerInner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:22px;padding:40px 0;align-items:center}.footerBrand{max-width:520px}.footerTitle{font-weight:650;font-size:18px;margin-bottom:6px}.footerTagline{color:var(--text2);margin-top:0;margin-bottom:14px}.footerLinks{display:flex;gap:14px}.footerLinks a{display:grid;place-items:center;width:var(--tap);height:var(--tap);border-radius:999px;border:1px solid var(--border);color:var(--text2);background:#02061733;transition:.2s ease}.footerLinks a:hover{background:#0f172a80;color:var(--text);box-shadow:0 0 0 4px #39ff8814}.footerRight{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.footerCopy{font-size:12px;color:var(--text3)}@media(max-width:700px){.footerInner{flex-direction:column;text-align:center}.footerRight{align-items:center}}:focus-visible{outline:none;box-shadow:0 0 0 4px #39ff8824;border-radius:12px}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}