:root{--bg: #0e1116;--surface: #151a22;--surface-soft: #1b2230;--line: #2f394c;--text: #f4f7ff;--muted: #adb7cc;--accent: #7de2d1;--accent-strong: #37b7a3}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Segoe UI,Trebuchet MS,sans-serif;line-height:1.6;color:var(--text);background:radial-gradient(circle at 0% 0%,rgba(125,226,209,.14),transparent 34%),radial-gradient(circle at 100% 10%,rgba(61,136,255,.15),transparent 30%),var(--bg)}a{color:var(--accent)}.site-shell{width:min(1120px,92vw);margin:28px auto 44px}.hero{border:1px solid var(--line);border-radius:24px;background:linear-gradient(135deg,#1a222ff0,#151a22f5);padding:24px;box-shadow:0 22px 60px #00000040}.top-nav{display:flex;gap:16px;flex-wrap:wrap}.top-nav a{text-decoration:none;font-weight:600;color:var(--muted);border:1px solid transparent;border-radius:999px;padding:8px 13px;transition:all .2s ease}.top-nav a:hover{color:var(--text);border-color:var(--line);background:#7de2d114}.hero-content{padding-top:18px}.hero-tag{margin:0;text-transform:uppercase;letter-spacing:1.8px;font-size:12px;color:var(--accent)}h1,h2,h3{margin:0}h1{margin-top:8px;font-size:clamp(36px,7vw,58px);line-height:1.05}h2{font-size:clamp(28px,5vw,36px);margin-bottom:10px}h3{font-size:22px}.hero-role{margin:10px 0 0;font-size:20px;color:#d7def0}.hero-summary{max-width:62ch;margin:12px 0 0;color:var(--muted)}.hero-actions{margin-top:18px;display:flex;gap:12px;flex-wrap:wrap}.button{text-decoration:none;padding:11px 18px;border-radius:10px;font-weight:700;border:1px solid transparent}.button-primary{color:#0c1718;background:linear-gradient(130deg,var(--accent),#61f4de)}.button-secondary{color:var(--text);border-color:var(--line);background:transparent}.section{margin-top:24px;padding:26px;border-radius:20px;border:1px solid var(--line);background:var(--surface)}.section p{color:var(--muted)}.detail-list{margin:16px 0 0;padding-left:20px}.detail-list li{margin-bottom:8px}.chip-grid{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap}.skill-group{margin-top:14px}.skill-title{margin:0;color:#d5ddf0;font-weight:700}.chip{border-radius:999px;border:1px solid var(--line);padding:7px 12px;background:var(--surface-soft);color:#d5ddf0}.timeline,.project-grid{margin-top:16px;display:grid;gap:14px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card{border:1px solid var(--line);border-radius:14px;padding:16px;background:#111722}.card ul{margin:10px 0 0;padding-left:20px}.card-head{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.card-head span,.company-name,.stack{color:var(--muted)}.project-links{margin-top:12px;display:flex;gap:14px;flex-wrap:wrap}.project-links a{text-decoration:none;color:var(--accent);font-weight:700}.footer{margin-top:24px;padding:24px;border-radius:20px;border:1px solid var(--line);background:linear-gradient(130deg,#172132,#111824)}.footer p{color:var(--muted);margin-bottom:14px}.back-top{text-decoration:none;font-weight:700;color:var(--accent-strong)}@media (max-width: 760px){.site-shell{margin-top:16px}.hero,.section,.footer{padding:18px;border-radius:16px}.project-grid{grid-template-columns:1fr}}