:root{--bg: #0b1020;--card: #11162a;--text: #e8ebf7;--muted: #9aa3b2;--accent: #6aa3ff}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,Noto Sans,Helvetica Neue,sans-serif;background:radial-gradient(1000px 600px at 10% 10%,#12193a,#090e1d,#070a15),var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}main{max-width:960px;margin:80px auto 40px;padding:0 20px}.hero{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2rem}.hero-photo{width:180px;height:180px;border-radius:50%;object-fit:cover;border:3px solid var(--accent)}.hero-right h1{font-size:2rem;margin:0}.hero-right h3{color:var(--accent);margin-top:.25rem}.card{background:linear-gradient(180deg,#ffffff0a,#ffffff05);border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:24px;box-shadow:0 8px 24px #00000040}.btn{display:inline-block;padding:10px 16px;background:var(--accent);color:#0b1020;font-weight:600;border-radius:10px;border:none;cursor:pointer}.navbar{position:sticky;top:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#070a15b3;border-bottom:1px solid rgba(255,255,255,.06)}.navbar-inner{max-width:960px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between}.nav-links a{margin-left:16px;color:var(--muted)}.nav-links a.active{color:var(--text);font-weight:600}.projects h2{background:url(/projects-cover.jpg) center/cover;color:#fff;padding:1rem;border-radius:12px}.projects h2{min-height:140px;display:flex;align-items:end}.footer{max-width:960px;margin:40px auto;padding:0 20px 40px;color:var(--muted);font-size:14px;text-align:center}.theme-btn{margin-left:12px;font-size:1.2rem;background:none;border:none;cursor:pointer;color:var(--accent);transition:transform .2s,color .3s}.theme-btn:hover{transform:scale(1.15)}html.light{--bg: #f5f7fa;--card: #ffffff;--text: #0b1020;--muted: #555;--accent: #0078ff;background:var(--bg);color:var(--text)}html.light body{background:var(--bg)}html.light .navbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd9;border-bottom:1px solid rgba(0,0,0,.06)}html.light .navbar .nav-links a{color:#444}html.light .navbar .nav-links a.active{color:var(--text);font-weight:600}.projects{padding:0;overflow:hidden}.projects .projects-header{position:relative;min-height:160px;display:flex;align-items:flex-end;padding:24px;border-radius:12px 12px 0 0;color:#fff;background:url(/projects-cover.jpg) center/cover}.projects .projects-header:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000 25%,#0000008c)}.projects .projects-header h2{position:relative;z-index:1;margin:0;text-shadow:0 2px 12px rgba(0,0,0,.35)}.projects .projects-body{padding:20px 24px 24px}html.light .projects .projects-header:after{background:linear-gradient(180deg,#fff0 25%,#00000059)}.muted{color:var(--muted)}.skills h2,.featured h2{margin-top:0}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.skills-title{font-weight:600;margin-bottom:4px;color:var(--accent)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.case{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:16px}html.light .case{background:#00000008;border-color:#0000000f}