:root{--bg: #0f1115;--surface: #171a21;--surface-2: #1f232c;--text: #e8eaed;--muted: #9aa2ad;--accent: #5b8cff;--accent-2: #34d399;--border: #2a2f3a;--radius: 14px;--max: 960px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:68px}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}img{max-width:100%;display:block}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.site-header{position:sticky;top:0;z-index:50;background:#0f1115b8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.header-inner{max-width:var(--max);margin:0 auto;padding:.8rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:inline-flex;align-items:center;gap:.55rem;font-weight:700;color:var(--text);white-space:nowrap}.brand:hover{text-decoration:none}.brand-mark{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--accent);color:#0b1220;font-weight:800;font-size:.95rem}.nav{display:flex;align-items:center;gap:1.5rem}.nav a{color:var(--muted);font-size:.95rem;position:relative;white-space:nowrap}.nav a:not(.nav-cta):hover{color:var(--text);text-decoration:none}.nav a:not(.nav-cta):after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .18s ease}.nav a:not(.nav-cta):hover:after{transform:scaleX(1)}.nav a.nav-cta{background:var(--accent);color:#000;font-weight:600;padding:.5rem .9rem;border-radius:999px}.nav-cta:hover{text-decoration:none;opacity:.92}main{max-width:var(--max);margin:0 auto;padding:0 1.25rem}section{padding:3rem 0}h1{font-size:2.4rem;line-height:1.15;margin:0 0 .5rem}h2{font-size:1.6rem;margin:0 0 1.5rem}h3{font-size:1.25rem;margin:.25rem 0 .5rem}.hero{display:flex;align-items:center;gap:2rem;flex-wrap:wrap}.avatar{width:180px;height:180px;border-radius:50%;object-fit:cover;border:3px solid var(--border);flex-shrink:0}.hero-copy{flex:1;min-width:260px}.subtitle{color:var(--accent);font-weight:600;font-size:1.05rem;letter-spacing:.01em;margin:0 0 .75rem}.tagline{color:var(--muted);font-size:1.05rem;max-width:54ch}.hero-cta{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.25rem}.btn{display:inline-block;padding:.7rem 1.2rem;border-radius:var(--radius);font-weight:600;font-size:.95rem;cursor:pointer;border:1px solid transparent;transition:transform .05s ease,opacity .15s ease}.btn:hover{text-decoration:none;opacity:.92}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);color:#0b1220}.btn-ghost{background:transparent;color:var(--text);border-color:var(--border)}.btn-block{width:100%}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}.card-img{width:100%;aspect-ratio:16 / 9;object-fit:cover;background:var(--surface-2)}.card-body{padding:1.25rem;display:flex;flex-direction:column;gap:.4rem;flex:1}.card-body p{color:var(--muted);margin:0 0 1rem}.card-title{display:flex;align-items:center;gap:.6rem}.card-title h3{margin:0}.card-logo{width:30px;height:30px;object-fit:contain;border-radius:7px;flex-shrink:0}.card-body .btn{margin-top:auto;align-self:flex-start}.card-actions{margin-top:auto;display:flex;gap:.6rem;flex-wrap:wrap}.card-actions .btn{margin-top:0;align-self:auto}.pill{display:inline-block;align-self:flex-start;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:.2rem .6rem;border-radius:999px;background:#5b8cff26;color:var(--accent)}.pill-alt{background:#34d39926;color:var(--accent-2)}.access-sub{color:var(--muted);margin-top:-1rem;margin-bottom:1.5rem}.access-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;max-width:520px;display:flex;flex-direction:column;gap:1rem}.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;opacity:0}.field{display:flex;flex-direction:column;gap:.35rem}.field label{font-size:.9rem;font-weight:600}.field .opt{color:var(--muted);font-weight:400}input,textarea{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;color:var(--text);padding:.65rem .75rem;font:inherit;width:100%}input:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #5b8cff33}textarea{resize:vertical}.form-status{margin:0;font-size:.9rem;min-height:1.2em}.form-status.ok{color:var(--accent-2)}.form-status.err{color:#f87171}.timeline{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1.25rem}.role{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);border-left:3px solid var(--accent);padding:1.1rem 1.25rem}.role-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap}.role-head h3{margin:0;font-size:1.1rem}.role-dates{color:var(--muted);font-size:.85rem;white-space:nowrap}.role-company{margin:.15rem 0 .5rem;font-weight:600;color:var(--accent)}.role-company .muted{color:var(--muted);font-weight:400}.role-desc{margin:0;color:var(--muted)}.skill-groups{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem}.skill-group h3{margin:0 0 .6rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}.tags li{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:.3rem .7rem;font-size:.85rem}.site-footer{border-top:1px solid var(--border);color:var(--muted);text-align:center;padding:2rem 1.25rem;font-size:.9rem}@media (max-width: 640px){h1{font-size:2rem}.hero{justify-content:center;text-align:center}.hero-cta{justify-content:center}.cards{grid-template-columns:1fr}.nav a:not(.nav-cta){display:none}.nav{gap:0}}