@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:Inter,system-ui,sans-serif;color:#eef6ff;background:#04060a;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{overflow:hidden;background:#04060a}button{font:inherit}.app{width:100%;height:100%;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 55%,#0b1725,#04060a 55%)}.scene{position:absolute!important;inset:0}.topbar{position:absolute;top:0;left:0;right:0;height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;z-index:10;background:linear-gradient(180deg,#010204fa,#010204eb 65%,#01020400);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.topbar-brand{display:flex;gap:10px;align-items:center;font-weight:800;letter-spacing:.08em}.mini-logo{width:30px;height:30px;border:1px solid #5faeff;display:grid;place-items:center;font-size:10px;color:#a8d5ff}.topbar nav{display:flex;gap:8px}.topbar nav button,.talk-button{border:0;background:transparent;color:#8d9bad;text-transform:uppercase;letter-spacing:.12em;font-size:10px;padding:10px 13px;cursor:pointer;transition:.2s}.topbar nav button:hover,.topbar nav button.active{color:#fff}.topbar nav button.active{text-shadow:0 0 14px #4fa7ff}.talk-button{border:1px solid rgba(107,170,231,.45);color:#d9ecff!important;padding:12px 17px!important;background:#0a192952!important}.talk-button:hover{border-color:#72b8ff;box-shadow:0 0 25px #2c8be529}.brand-mark{position:absolute;left:34px;bottom:32px;z-index:8;display:grid;grid-template-columns:auto 1fr;column-gap:9px;align-items:center;pointer-events:none}.brand-mark strong{font-family:Space Grotesk;font-size:17px;letter-spacing:.1em}.brand-mark small{grid-column:2;font-size:8px;color:#718095;letter-spacing:.22em;margin-top:2px}.brand-dot{width:7px;height:7px;background:#4ca5ff;box-shadow:0 0 16px #4ca5ff;border-radius:50%}.bottom-status{position:absolute;right:34px;bottom:35px;z-index:8;display:flex;align-items:center;gap:9px;font-size:8px;letter-spacing:.18em;color:#647185;pointer-events:none}.status-dot{width:6px;height:6px;border-radius:50%;background:#55db8b;box-shadow:0 0 12px #55db8b}.status-separator{width:1px;height:12px;background:#2a3340}.scroll-hint{position:absolute;left:50%;bottom:26px;transform:translate(-50%);z-index:9;display:flex;flex-direction:column;align-items:center;gap:7px;pointer-events:none}.scroll-hint .mouse{width:22px;height:34px;border:1.5px solid rgba(159,203,255,.65);border-radius:12px;position:relative;box-shadow:0 0 14px #38a1ff40}.scroll-hint .wheel{position:absolute;left:50%;top:6px;width:3px;height:7px;margin-left:-1.5px;border-radius:3px;background:#9ecbff;animation:wheelDrop 1.6s ease-in-out infinite}@keyframes wheelDrop{0%{transform:translateY(0);opacity:1}70%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:0}}.scroll-hint span{font-size:8px;letter-spacing:.22em;color:#8ba3bd}.scroll-dots{display:flex;gap:5px}.scroll-dots i{width:5px;height:5px;border-radius:50%;background:#2c3b4f;display:block}.scroll-dots i.active{background:#5af;box-shadow:0 0 10px #5af}.side-hints{position:absolute;inset:82px 0 70px;z-index:7;pointer-events:none}.hint-column{position:absolute;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:25px}.hint-column.left{left:34px}.hint-column.right{right:34px;align-items:flex-end}.hint-column button{pointer-events:auto;display:flex;align-items:center;gap:10px;background:none;border:0;color:#68788d;cursor:pointer;padding:0;text-transform:uppercase;letter-spacing:.12em}.hint-column.right button{text-align:right}.hint-column b{display:block;font-size:9px;color:#c0cbd7;font-weight:500}.hint-column small{display:block;font-size:7px;color:#566478;margin-top:4px}.hint-column button:hover b{color:#fff}.hint-line{display:block;width:25px;height:1px;background:#33465c;position:relative}.hint-line:after{content:"";position:absolute;width:4px;height:4px;top:-2px;right:0;background:#5eafff;box-shadow:0 0 10px #5eafff;border-radius:50%}.right .hint-line:after{left:0;right:auto}.content-panel{position:absolute;z-index:20;right:34px;top:50%;transform:translate(40px,-50%);opacity:0;pointer-events:none;width:min(480px,calc(100vw - 68px));max-height:75vh;overflow:auto;padding:30px;border:1px solid rgba(107,170,231,.25);background:#040910e0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 25px 80px #00000073;transition:.4s ease}.content-panel.visible{transform:translateY(-50%);opacity:1;pointer-events:auto}.close-panel{position:absolute;top:12px;right:14px;border:0;background:none;color:#7890a8;font-size:25px;cursor:pointer}.eyebrow{color:#63adff;font-size:9px;letter-spacing:.2em;font-weight:600}.content-panel h1{font-family:Space Grotesk;font-size:36px;line-height:1.05;margin:12px 0;letter-spacing:-.04em}.content-panel>p{color:#8e9dae;line-height:1.65;font-size:13px;margin:0 0 22px}.primary-action,.contact-actions button{border:1px solid #428ed2;background:#0a2943;color:#dff1ff;padding:12px 16px;cursor:pointer;text-transform:uppercase;font-size:9px;letter-spacing:.12em}.project-list{display:grid;gap:9px}.project-list article{border:1px solid #1b2a3b;padding:13px;background:#0a141f8c}.project-list article.featured{border-color:#5af;box-shadow:0 0 22px #55aaff40;background:#0c1c2ebf}.project-list small{color:#5faeff;font-size:8px;text-transform:uppercase;letter-spacing:.15em}.project-list h3{margin:5px 0;font-size:15px}.project-list p{margin:0 0 10px;font-size:11px;color:#7f8fa2;line-height:1.45}.tags,.skill-grid{display:flex;flex-wrap:wrap;gap:6px}.tags span,.skill-grid span{border:1px solid #26384c;padding:5px 7px;color:#91a9c2;font-size:8px}.skill-grid{margin-top:16px}.skill-grid span{font-size:9px;padding:8px 10px}.contact-actions{display:flex;gap:8px;flex-wrap:wrap}.loading-screen{position:absolute;inset:0;z-index:100;display:grid;place-items:center;background:#030509}.loading-inner{width:min(380px,70vw);text-align:center}.loading-logo{font-family:Space Grotesk;font-weight:700;letter-spacing:.18em;font-size:24px}.loading-logo span{display:inline-block;width:7px;height:7px;background:#5af;box-shadow:0 0 16px #5af;margin-right:9px}.loading-title{margin:9px 0 25px;font-size:8px;letter-spacing:.22em;color:#536276}.progress-track{height:1px;background:#172333}.progress-track div{height:100%;background:#61b1ff;box-shadow:0 0 14px #61b1ff;transition:width .05s linear}.loading-number{margin-top:9px;text-align:right;color:#61758b;font-size:9px;letter-spacing:.12em}@media(max-width:900px){.topbar{height:70px;padding:0 18px}.topbar nav{display:none}.talk-button{margin-left:auto}.side-hints{display:none}.brand-mark{left:18px;bottom:18px}.bottom-status{right:18px;bottom:20px}.content-panel{inset:auto 18px 72px;width:auto;max-height:55vh;transform:translateY(25px);padding:22px}.content-panel.visible{transform:translateY(0)}.content-panel h1{font-size:28px}}@media(max-width:560px){.bottom-status,.brand-mark small{display:none}.brand-mark{grid-template-columns:auto 1fr}.content-panel{bottom:60px;left:12px;right:12px}.content-panel h1{font-size:25px}}