@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700;800&family=Sora:wght@500;700&display=swap";:root{--bg: #07111f;--bg-soft: #0b1729;--panel: #0e1d32;--line: #19324f;--text: #e9f1fb;--muted: #9db0c9;--teal: #45e4cf;--teal-soft: #143f45}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:Manrope,sans-serif;background:radial-gradient(circle at 12% 3%,#0e2f4d 0%,transparent 26%),radial-gradient(circle at 90% 8%,#112943 0%,transparent 24%),var(--bg)}section{padding:20px}.page{width:100%;max-width:1440px;margin:0 auto;padding-bottom:40px}.topbar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:20px;background:linear-gradient(180deg,rgba(7,17,31,.95),rgba(7,17,31,.66) 75%,transparent);backdrop-filter:blur(4px)}.brand{display:inline-flex;align-items:center;gap:8.8px;font:700 32px/1 Sora,sans-serif;color:var(--text);text-decoration:none}.brand img{width:23.2px;height:23.2px;filter:drop-shadow(0 0 8px rgba(69,228,207,.4))}.brand span,h1 span,h2:after{color:var(--teal)}.topbar nav{display:flex;gap:17.6px;flex-wrap:wrap}.topbar nav a{text-decoration:none;color:var(--muted);border-bottom:2px solid transparent;padding-bottom:3.2px;transition:color .2s ease,border-color .2s ease}.topbar nav a:hover{color:var(--text);border-color:var(--teal)}.hero{min-height:62vh;display:grid;grid-template-columns:290px 1fr;gap:38.4px;align-items:center;padding-top:38.4px}.portrait-wrap{position:relative}.portrait-placeholder{aspect-ratio:1 / 1;border:3px solid #60d4e4;border-radius:9.6px;overflow:hidden;box-shadow:0 0 26px #45e4cf3d}.portrait-placeholder img{width:100%;height:100%;object-fit:cover;object-position:center 28%;display:block}.code-mark{position:absolute;right:-26px;bottom:-16px;margin:0;font:800 52.8px/1 Sora,sans-serif;color:var(--teal)}.hero-copy{animation:reveal .7s ease both}.hello{margin:0 0 11.2px;color:var(--muted)}h1,h2,h3{margin:0;font-family:Sora,sans-serif}h1{font-size:clamp(33.6px,5vw,64px);line-height:1.05;margin-bottom:16px}.hero-copy p{color:var(--muted);max-width:62ch}.hero-links{display:flex;gap:12.8px;margin-top:20.8px;flex-wrap:wrap}.hero-links a,.contact-grid a{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;color:var(--text);border:1px solid var(--line);background:rgba(11,23,41,.74);padding:11.52px 16px;border-radius:8.8px;transition:border-color .2s ease,transform .2s ease}.hero-links a svg,.contact-grid a svg{width:1.2rem;height:1.2rem}.hero-links a:hover,.contact-grid a:hover{border-color:var(--teal);transform:translateY(-2px)}.rail{margin:20px 0 48px;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.rail-track{display:flex;gap:35.2px;width:max-content;padding:13.6px 0;animation:ticker 18s linear infinite}.rail-track span{color:#bdd4ef;letter-spacing:1.5px;font-size:13.6px;font-weight:700;white-space:nowrap}.section{margin-top:68.8px}h2{font-size:clamp(28.8px,4vw,48px);margin-bottom:22.4px}h2:after{content:"."}.about-grid{display:grid;grid-template-columns:220px 1fr;gap:32px;align-items:center}.about-visual{position:relative}.about-glow{position:absolute;left:-30px;bottom:-26px;width:280px;height:190px;border-radius:999px;background:radial-gradient(circle,rgba(69,228,207,.36) 0%,rgba(69,228,207,0) 72%);pointer-events:none}.about-image{width:100%;aspect-ratio:1 / 1;border-radius:16px;border:1px solid #1d3c61;object-fit:cover;object-position:center 30%;box-shadow:0 24px 50px #45e4cf38}.mini-card{position:absolute;right:-18px;padding:6.08px 9.92px;border:1px solid var(--line);border-radius:999px;background:rgba(11,23,41,.88);font-size:11.52px;letter-spacing:.92px;text-transform:uppercase;color:#d2e6ff}.mini-card-top{top:14px}.mini-card-bottom{bottom:14px}.about-lead{font-size:20px;line-height:1.55;color:#dce9f9}.about-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10.4px;margin:16px 0}.stat{border:1px solid var(--line);border-radius:10.4px;padding:10.88px 11.52px;background:linear-gradient(180deg,rgba(20,39,62,.9),rgba(9,20,37,.9))}.stat strong{display:block;color:var(--teal);font:700 19.2px/1 Sora,sans-serif}.stat span{color:var(--muted);font-size:12.48px}.about-points{margin:12.8px 0 0;padding-left:16px}.about-points li{margin-bottom:8px}.timeline,.skill-list{display:grid;gap:16px}.timeline-item,.skill-row,.project-card{display:grid;grid-template-columns:170px 1fr;gap:16px;border:1px solid var(--line);background:var(--bg-soft);border-radius:11.2px;padding:16px 17.6px}.timeline-item{animation:reveal .55s ease both}.timeline-item:nth-child(2){animation-delay:.1s}.timeline-item:nth-child(3){animation-delay:.2s}.period{color:var(--teal);font-size:12.8px;font-weight:700;margin:2.4px 0 0}.company{color:#a3bdd8;margin:4.8px 0 11.2px}.skill-row,.project-card{grid-template-columns:170px 1fr}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.project-card{grid-template-columns:1fr}.project-card p,.skill-row p,.timeline-item p,.about-grid p{color:var(--muted);margin:0;line-height:1.7}.contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12.8px}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes reveal{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 900px){.hero{grid-template-columns:1fr;gap:19.2px;min-height:auto}.portrait-wrap{width:min(320px,85vw)}.topbar{flex-direction:column;align-items:flex-start;gap:8px}.about-grid,.timeline-item,.skill-row,.about-stats{grid-template-columns:1fr}.mini-card{right:8px}.project-grid,.contact-grid{grid-template-columns:1fr}.topbar nav a{font-size:14px}}*{box-sizing:border-box}html,body,#root{min-height:100%}