:root{--bg: #0b1020;--surface: rgba(18, 25, 50, .82);--surface-strong: rgba(23, 34, 68, .95);--text: #e8ecf8;--muted: #b8c0dd;--accent: #6aa9ff;--accent-strong: #8bc1ff;--border: rgba(122, 150, 220, .25);--shadow: 0 24px 60px rgba(5, 10, 30, .6);--radius-lg: 24px;--radius-md: 16px;--radius-sm: 10px}*{box-sizing:border-box}html{scroll-behavior:smooth;background:radial-gradient(circle at top,#111a3a,#0b1020 55%,#070b18)}body{margin:0;min-height:100vh;font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:transparent;color:var(--text);line-height:1.65}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--accent-strong);outline-offset:3px}.container{width:min(1100px,92vw);margin:0 auto}.skip-link{position:absolute;left:-999px;top:auto;padding:.75rem 1rem;background:var(--accent);color:#041022;border-radius:var(--radius-sm);font-weight:600;z-index:1000}.skip-link:focus-visible{left:1rem;top:1rem}.site-header{position:sticky;top:0;z-index:10;backdrop-filter:blur(14px);background:color-mix(in srgb,var(--bg) 75%,transparent);border-bottom:1px solid var(--border)}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;gap:1rem}.brand{font-weight:700;font-size:clamp(1rem,1vw + .9rem,1.2rem);letter-spacing:.02em}.nav-list{display:flex;list-style:none;margin:0;padding:0;gap:.75rem;flex-wrap:wrap}.nav-list a{text-decoration:none;padding:.5rem .85rem;border-radius:var(--radius-sm);color:var(--muted);border:1px solid transparent;transition:all .16s ease}.nav-list a:hover,.nav-list a:focus-visible{color:var(--text);border-color:var(--border);background:#6aa9ff1f}main{padding:4.5rem 0 5rem}.hero{background:linear-gradient(145deg,#6aa9ff1f,#6aa9ff00);border:1px solid var(--border);border-radius:var(--radius-lg);padding:clamp(2.8rem,5vw,4rem);box-shadow:var(--shadow);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;inset:auto -20% -70% 40%;height:420px;background:radial-gradient(circle,rgba(106,169,255,.35),transparent 60%);filter:blur(.5px);pointer-events:none}.hero-eyebrow{font-size:.85rem;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);font-weight:700;margin-bottom:.8rem}.hero h1{font-size:clamp(2.4rem,4vw + 1.5rem,3.8rem);margin:0 0 1rem;line-height:1.1}.hero p{margin:0 0 1.8rem;color:var(--muted);max-width:60ch}.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:600;padding:.75rem 1.2rem;border-radius:var(--radius-sm);border:1px solid transparent;transition:transform .16s ease,background-color .16s ease,border-color .16s ease;cursor:pointer}.btn-primary{background:var(--accent);color:#041022}.btn-primary:hover,.btn-primary:focus-visible{background:var(--accent-strong);transform:translateY(-1px)}.btn-ghost{border-color:var(--border);color:var(--text);background:#0c122880}.btn-ghost:hover,.btn-ghost:focus-visible{border-color:#8bc1ff80;background:#6aa9ff24}.section{margin-top:3.5rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:clamp(2rem,3vw,2.8rem);box-shadow:var(--shadow)}.section h2{margin-top:0;font-size:clamp(1.7rem,2vw + 1.2rem,2.2rem)}.section-intro{color:var(--muted);margin-top:-.35rem;margin-bottom:1.7rem;max-width:70ch}.about-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:1.6rem}.about-card{background:var(--surface-strong);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1.4rem}.about-card h3{margin-top:0;margin-bottom:.6rem;font-size:1.05rem}.about-card p,.about-card ul{margin:0;color:var(--muted)}.about-card ul{padding-left:1.2rem}.experience-list{display:grid;gap:1.5rem}.experience-item{border:1px solid var(--border);border-radius:var(--radius-sm);padding:1.5rem;background:var(--surface-strong);display:grid;gap:.7rem}.experience-head{display:flex;flex-wrap:wrap;gap:.75rem 1.2rem;align-items:baseline;justify-content:space-between}.experience-title{font-size:1.2rem;font-weight:700;margin:0}.experience-meta{color:var(--muted);font-weight:600}.experience-details{display:flex;flex-wrap:wrap;gap:.6rem 1rem;color:var(--muted);font-size:.98rem}.experience-details span{display:inline-flex;align-items:center;gap:.4rem}.experience-item ul{margin:.4rem 0 0;padding-left:1.2rem;color:var(--text)}.skills-grid{display:grid;gap:1.8rem}.skill-group h3{margin-top:0;margin-bottom:.8rem;font-size:1.05rem}.chip-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.6rem}.chip{padding:.55rem .85rem;border-radius:999px;border:1px solid rgba(139,193,255,.3);background:#6aa9ff24;color:var(--text);font-weight:600;font-size:.95rem}.contact-wrapper{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:1.8rem}.contact-card{border:1px solid var(--border);border-radius:var(--radius-sm);padding:1.4rem;background:var(--surface-strong);display:grid;gap:.8rem}.contact-card h3{margin:0}.contact-list{list-style:none;padding:0;margin:0;display:grid;gap:.5rem}.contact-list a{color:var(--accent-strong)}form{display:grid;gap:1rem}.field{display:grid;gap:.45rem}label{font-weight:600}input,textarea{width:100%;padding:.75rem .85rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:#090e22e6;color:var(--text);font:inherit}input::placeholder,textarea::placeholder{color:#b8c0dda6}textarea{min-height:160px;resize:vertical}.field-hint{font-size:.9rem;color:var(--muted)}.form-status{margin:0;padding:.75rem .9rem;border-radius:var(--radius-sm);border:1px solid transparent;font-weight:600}.form-status[data-state=error]{border-color:#ff7b7b73;background:#ff7b7b1f;color:#ffb2b2}.form-status[data-state=success]{border-color:#7effc266;background:#7effc21a;color:#9cffd1}.site-footer{border-top:1px solid var(--border);padding:2.2rem 0 3rem;color:var(--muted)}.footer-inner{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:space-between;align-items:center}.footer-inner small{font-size:.95rem}.thanks{min-height:70vh;display:grid;align-items:center}.thanks-card{text-align:center;padding:clamp(2.8rem,6vw,4rem)}.thanks-card p{color:var(--muted);max-width:60ch;margin:0 auto 1.6rem}@media (max-width: 900px){.about-grid,.contact-wrapper{grid-template-columns:1fr}main{padding-top:3.8rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
