:root{--bg:#07080b;--panel:#ffffff0a;--panel-2:#ffffff0f;--text:#ffffffeb;--muted:#ffffffad;--faint:#ffffff73;--gold:#d7b74a;--gold-2:#f0d37a;--gold-ink:#231a06;--border:#d7b74a33;--border-2:#ffffff1a;--shadow:0 20px 60px #0000008c;--radius:18px;--radius-sm:12px;--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--sans:Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji"}[data-theme=light]{--bg:#fbfbfc;--panel:#00000009;--panel-2:#0000000e;--text:#090a0feb;--muted:#090a0fa3;--faint:#090a0f73;--border:#82661640;--border-2:#0000001f;--shadow:0 20px 55px #0000001f}*{box-sizing:border-box}html,body{height:100%}body{font-family:var(--sans);background:radial-gradient(1200px 900px at 20% 0%, #d7b74a1f, transparent 55%), radial-gradient(900px 700px at 100% 20%, #d7b74a14, transparent 50%), var(--bg);color:var(--text);letter-spacing:-.01em;margin:0;line-height:1.55}a{color:inherit;text-decoration:none}a:hover{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:2px}.container{width:min(1120px,100% - 48px);margin:0 auto}.mono{font-family:var(--mono)}.muted{color:var(--muted)}.small{font-size:.92rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{background:var(--gold);color:var(--gold-ink);z-index:999;border-radius:999px;padding:10px 14px;transition:transform .16s;position:absolute;top:16px;left:16px;transform:translateY(-130%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-2);background:linear-gradient(#0000008c,#0000002e);position:sticky;top:0}[data-theme=light] .site-header{background:#fbfbfcbf}.header-inner{justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.brand{letter-spacing:-.03em;align-items:center;gap:12px;font-weight:700;display:inline-flex}.brand-mark{border:1px solid var(--border);background:linear-gradient(135deg,#d7b74a4d,#ffffff0f);border-radius:12px;place-items:center;width:34px;height:34px;display:grid}.brand-text{font-size:1.05rem}.nav{align-items:center;display:flex}.nav-toggle{border:1px solid var(--border-2);background:var(--panel);color:var(--text);border-radius:12px;padding:10px 12px;display:none}.nav-toggle-bars{background:var(--text);width:20px;height:2px;display:block;position:relative}.nav-toggle-bars:before,.nav-toggle-bars:after{content:"";background:var(--text);width:20px;height:2px;position:absolute;left:0}.nav-toggle-bars:before{top:-6px}.nav-toggle-bars:after{top:6px}.nav-menu{align-items:center;gap:16px;display:flex}.nav-link{color:var(--muted);border-radius:12px;padding:8px 10px;font-weight:600}.nav-link:hover{background:var(--panel);color:var(--text);text-decoration:none}.theme-toggle{border:1px solid var(--border);color:var(--text);background:linear-gradient(135deg,#d7b74a40,#ffffff0f);border-radius:999px;padding:8px 12px;font-weight:700}.btn{border:1px solid var(--border-2);background:var(--panel);color:var(--text);border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:12px 14px;font-weight:700;text-decoration:none;transition:transform .14s,background .14s,border-color .14s;display:inline-flex}.btn:hover{border-color:var(--border);text-decoration:none;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:linear-gradient(135deg, var(--gold), var(--gold-2));color:var(--gold-ink);border-color:#d7b74aa6}.btn-ghost{border-color:var(--border);background:0 0}.section{padding:72px 0}.section-head{gap:10px;margin-bottom:26px;display:grid}.section-title{letter-spacing:-.04em;margin:0;font-size:clamp(1.6rem,2.4vw,2.1rem)}.section-subtitle{color:var(--muted);max-width:70ch;margin:0}.hero{padding:86px 0 54px}.hero-inner{grid-template-columns:1.35fr .9fr;align-items:start;gap:26px;display:grid}.eyebrow{font-family:var(--mono);color:var(--gold-2);opacity:.95;align-items:center;gap:10px;margin:0 0 10px;display:inline-flex}.hero-title{letter-spacing:-.055em;margin:0;font-size:clamp(2.2rem,4.3vw,3.35rem);line-height:1.08}.hero-subtitle{color:var(--muted);max-width:68ch;margin:14px 0 0;font-size:1.05rem}.hero-cta{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.hero-meta{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.pill{border:1px solid var(--border-2);background:var(--panel);color:var(--muted);border-radius:999px;padding:8px 10px;font-weight:600}.hero-card{border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);background:linear-gradient(#ffffff0f,#ffffff08);padding:18px}.hero-card-top{align-items:center;gap:14px;display:flex}.avatar{background:linear-gradient(135deg,#d7b74a57,#ffffff0a);border:1px solid #d7b74a73;border-radius:18px;place-items:center;width:54px;height:54px;font-weight:800;display:grid}.hero-card-name{letter-spacing:-.03em;margin:0;font-weight:800}.hero-card-role{color:var(--muted);margin:2px 0 0;font-weight:600}.hero-card-dl{gap:10px;margin:16px 0 0;display:grid}.hero-card-row{border-top:1px solid var(--border-2);grid-template-columns:82px 1fr;align-items:baseline;gap:10px;padding-top:10px;display:grid}.hero-card-row dt{font-family:var(--mono);color:var(--faint);font-size:.92rem}.hero-card-row dd{color:var(--muted);margin:0;font-weight:600}.hero-links{flex-wrap:wrap;gap:12px;display:flex}.hero-links a{color:var(--gold-2);font-weight:800}.project-grid{grid-template-columns:repeat(12,1fr);gap:16px;display:grid}.project-card{border:1px solid var(--border-2);background:var(--panel);border-radius:var(--radius);grid-column:span 6;gap:12px;padding:16px;transition:transform .14s,border-color .14s,background .14s;display:grid}.project-card:hover{border-color:var(--border);background:var(--panel-2);transform:translateY(-2px)}.project-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.project-title{letter-spacing:-.03em;margin:0;font-size:1.1rem}.badge{font-family:var(--mono);border:1px solid var(--border);color:var(--gold-2);white-space:nowrap;background:#d7b74a14;border-radius:999px;padding:6px 10px;font-size:.85rem}.project-summary{color:var(--muted);margin:0}.tag-row{flex-wrap:wrap;gap:8px;display:flex}.tag{border:1px solid var(--border-2);color:var(--muted);border-radius:999px;padding:6px 10px;font-size:.92rem;font-weight:700}.project-actions{border-top:1px solid var(--border-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-top:12px;display:flex}.project-links{flex-wrap:wrap;gap:10px;display:flex}.project-links a{color:var(--gold-2);font-weight:800}.details-btn{border:1px solid var(--border);color:var(--text);background:0 0;border-radius:12px;padding:10px 12px;font-weight:800}.skills-grid{grid-template-columns:repeat(12,1fr);gap:16px;display:grid}.skill-card{border-radius:var(--radius);border:1px solid var(--border-2);background:var(--panel);grid-column:span 4;padding:16px}.skill-title{letter-spacing:-.03em;margin:0}.skill-list{color:var(--muted);margin:10px 0 0;padding-left:18px;font-weight:600}.about-grid{grid-template-columns:1.3fr 1fr;align-items:start;gap:18px;display:grid}.about-copy p{color:var(--muted);margin:0 0 12px;font-weight:600}.about-cards{gap:12px;display:grid}.mini-card{border-radius:var(--radius);border:1px solid var(--border-2);background:var(--panel);padding:14px}.mini-card h3{letter-spacing:-.03em;margin:0;font-size:1rem}.mini-card p{color:var(--muted);margin:8px 0 0;font-weight:600}.contact-grid{grid-template-columns:1fr 1.2fr;align-items:start;gap:16px;display:grid}.contact-card,.contact-form{border-radius:var(--radius);border:1px solid var(--border-2);background:var(--panel);padding:16px}.card-title{letter-spacing:-.03em;margin:0}.contact-actions{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.field{gap:8px;margin-top:12px;display:grid}.label{color:var(--muted);font-size:.95rem;font-weight:700}input,textarea{border:1px solid var(--border-2);width:100%;color:var(--text);font:inherit;background:#00000040;border-radius:14px;outline:none;padding:12px}[data-theme=light] input,[data-theme=light] textarea{background:#ffffffb8}input:focus,textarea:focus{border-color:#d7b74a8c;box-shadow:0 0 0 4px #d7b74a24}.form-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:14px;display:flex}.site-footer{border-top:1px solid var(--border-2);padding:30px 0 46px}.footer-inner{justify-content:space-between;align-items:center;gap:12px;display:flex}.project-modal{background:0 0;border:none;border-radius:22px;width:min(860px,100% - 36px);padding:0}.project-modal::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000009e}.project-modal-inner{border:1px solid var(--border);box-shadow:var(--shadow);background:linear-gradient(#ffffff14,#ffffff0a);border-radius:22px;padding:18px;position:relative}.modal-close{border:1px solid var(--border-2);background:var(--panel);width:42px;height:42px;color:var(--text);border-radius:14px;font-weight:900;position:absolute;top:14px;right:14px}.modal-content h3{letter-spacing:-.03em;margin:0 0 8px}.modal-content p{color:var(--muted);margin:8px 0 0;font-weight:600}.modal-content .modal-row{border-top:1px solid var(--border-2);gap:6px;margin-top:14px;padding-top:14px;display:grid}@media (width<=980px){.hero-inner{grid-template-columns:1fr}.project-card{grid-column:span 12}.skill-card{grid-column:span 6}.about-grid,.contact-grid{grid-template-columns:1fr}}@media (width<=760px){.nav-toggle{justify-content:center;align-items:center;display:inline-flex}.nav-menu{border-radius:var(--radius);border:1px solid var(--border-2);width:min(320px,100vw - 48px);box-shadow:var(--shadow);background:#000000c7;flex-direction:column;align-items:stretch;gap:8px;padding:12px;display:none;position:absolute;top:64px;right:24px}[data-theme=light] .nav-menu{background:#fbfbfcf0}.nav-menu[data-open=true]{display:flex}.nav-link{padding:12px}.theme-toggle{justify-content:center}.footer-inner{flex-direction:column;align-items:flex-start}}