*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--nav-height:56px;--bg:#0a0a0f;--surface:#14141f;--text:#e8e8f0;--text-muted:#8888a0;--accent-home:#6366f1;--accent-about:#ec4899;--accent-work:#f59e0b;--accent-contact:#10b981;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body{background:var(--bg);height:100%;color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,sans-serif;overflow:hidden}#scene{z-index:0;width:100%;height:100%;position:fixed;inset:0}#scene>.page{top:var(--nav-height);width:100%;height:calc(100% - var(--nav-height));background:var(--bg);position:absolute;left:0;overflow-y:auto}#nav{height:var(--nav-height);z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a0fd9;border-bottom:1px solid #ffffff0f;position:fixed;top:0;left:0;right:0}.nav-inner{align-items:center;gap:32px;max-width:1200px;height:100%;margin:0 auto;padding:0 24px;display:flex}.nav-logo{color:var(--text);letter-spacing:-.02em;font-size:18px;font-weight:700;text-decoration:none}.nav-links{flex:1;gap:8px;display:flex}.nav-links a{color:var(--text-muted);border-radius:6px;padding:6px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:color .15s,background .15s}.nav-links a:hover{color:var(--text);background:#ffffff0f}.nav-links a.active{color:var(--text);background:#ffffff1a}.nav-transition{color:var(--text-muted);align-items:center;gap:8px;font-size:13px;display:flex}.nav-transition select{background:var(--surface);color:var(--text);cursor:pointer;border:1px solid #ffffff1a;border-radius:6px;padding:4px 8px;font-size:13px}.page-content{max-width:800px;margin:0 auto;padding:80px 24px}.page-content h1{letter-spacing:-.03em;margin-bottom:24px;font-size:48px;font-weight:800;line-height:1.1}.page-content p{color:var(--text-muted);margin-bottom:16px;font-size:18px;line-height:1.7}.page-content .accent-line{border-radius:2px;width:64px;height:4px;margin-bottom:32px}.page-footer{text-align:center;color:var(--text-muted);padding:32px 24px;font-size:14px}.page-footer a{color:var(--text);font-weight:500;text-decoration:none}.page-footer a:hover{text-decoration:underline}@media (width<=768px){.nav-inner{gap:16px;padding:0 16px}.nav-logo{font-size:16px}.nav-transition label{display:none}.page-content{padding:48px 20px}.page-content h1{font-size:32px}.page-content p{font-size:16px}}@media (width<=480px){.nav-inner{gap:8px;padding:0 12px}.nav-links a{padding:6px 8px;font-size:13px}.page-content{padding:32px 16px}.page-content h1{font-size:28px}}.work-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:40px;display:grid}.work-card{background:var(--surface);border:1px solid;border-radius:12px;padding:24px;position:relative}.work-card-dot{border-radius:50%;width:8px;height:8px;margin-bottom:12px}.work-card h3{margin-bottom:8px;font-size:16px;font-weight:600}.work-card p{color:var(--text-muted);margin:0;font-size:14px;line-height:1.5}.contact-form{flex-direction:column;gap:20px;max-width:480px;margin-top:40px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--text-muted);font-size:14px;font-weight:500}.form-group input,.form-group textarea{background:var(--surface);color:var(--text);border:1px solid #ffffff1a;border-radius:8px;padding:10px 14px;font-family:inherit;font-size:15px;transition:border-color .15s}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent-contact);outline:none}.form-group textarea{resize:vertical}.contact-form button{background:var(--accent-contact);color:#fff;cursor:pointer;border:none;border-radius:8px;align-self:flex-start;padding:12px 24px;font-size:15px;font-weight:600;transition:opacity .15s}.contact-form button:hover{opacity:.85}@media (width<=768px){.work-grid{grid-template-columns:1fr}.contact-form{max-width:100%}}