.x-page{--bg:#101826;--surface:#151f31;--card:#141e2d;--text:#e2e4ea;--text-muted:#aab8d0;--text-soft:#8493ad;--border:#2a3850;--accent:#7b9be8;background:#101826;color:var(--text)}.x-page::after{opacity:.045;mix-blend-mode:screen}.x-nav{max-width:640px;margin:0 auto;padding:0 0 10px;display:flex;justify-content:space-between;align-items:center;color:var(--text-soft);font:600 9px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em}.x-nav a{text-decoration:none;color:var(--text)}.x-nav a:last-child{color:var(--accent)}.x-page .hero-card{border-color:rgba(123,155,232,.2);box-shadow:0 8px 30px rgba(0,0,0,.15)}.x-page .hero-motto{color:#b2bfd4;font-weight:500}.x-page .work-card{background:#151f31}.x-page .work-card:hover{border-color:var(--accent)}.x-links{display:flex;justify-content:space-between;gap:16px}.x-links a{color:var(--text-muted);font-size:.75rem;text-decoration:none;border-bottom:1px solid var(--border);padding-bottom:4px}.x-links a:hover{color:var(--accent);border-color:var(--accent)}@media(max-width:600px){.x-nav{font-size:8px}.x-links{flex-direction:column}}