:root{--bg: #0b0c10;--panel: #0f1117;--card: #11131a;--text: #e6e7ee;--muted: #b2b7c2;--primary: #6aa6ff;--accent: #8b5cf6;--ring: rgba(106, 166, 255, .35);--shadow: 0 10px 30px rgba(0, 0, 0, .35)}:root[data-theme=light]{--bg: #f7f8fc;--panel: #ffffff;--card: #ffffff;--text: #0f172a;--muted: #566073;--primary: #3b82f6;--accent: #7c3aed;--ring: rgba(59, 130, 246, .35);--shadow: 0 10px 30px rgba(2, 8, 23, .08)}*{box-sizing:border-box}html,body,#root{height:100%}html{scroll-behavior:smooth}body{margin:0;font-family:Poppins,sans-serif;color:var(--text);background:radial-gradient(1200px 600px at 10% -10%,rgba(124,58,237,.18),transparent 50%),radial-gradient(900px 500px at 100% 0%,rgba(59,130,246,.15),transparent 55%),var(--bg)}.app{display:contents}.section{padding:96px 20px}.container{width:100%;max-width:1120px;padding:0 20px;margin:0 auto}.site-header{position:sticky;top:0;z-index:30;-webkit-backdrop-filter:saturate(1.2) blur(10px);backdrop-filter:saturate(1.2) blur(10px);background:color-mix(in hsl,var(--bg),transparent 25%);border-bottom:1px solid color-mix(in hsl,var(--muted),transparent 70%);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px}.brand{font-weight:800;letter-spacing:.2px;text-decoration:none;color:var(--text);font-size:18px}.nav{display:flex;align-items:center;gap:18px}.nav a{color:var(--text);text-decoration:none;opacity:.85;font-weight:600;font-size:14px}.nav a:hover{opacity:1}.theme-toggle{border:1px solid color-mix(in hsl,var(--muted),transparent 60%);background:var(--panel);color:var(--text);padding:8px 10px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:transform .15s ease,background .2s ease,border-color .2s ease}.theme-toggle:hover{transform:translateY(-1px);border-color:var(--primary);box-shadow:0 0 0 6px var(--ring)}.theme-toggle .sun{display:var(--sun, none)}.theme-toggle .moon{display:var(--moon, inline)}:root[data-theme=light] .theme-toggle{--sun: inline;--moon: none}.hero{min-height:calc(100vh - 65px);display:flex;align-items:center}@media (max-width: 768px){.hero{min-height:auto;padding:60px 0 0}}.hero .hero-inner{display:grid;grid-template-columns:1.2fr 1fr;gap:32px;align-items:center}.hero-content{max-width:720px}.eyebrow{color:var(--muted);font-size:14px;letter-spacing:.4px;text-transform:uppercase}.title{font-size:clamp(32px,4.4vw,60px);line-height:1.05;margin:10px 0}.title .accent{background:linear-gradient(90deg,var(--primary),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}.subtitle{color:var(--muted);font-size:clamp(16px,2vw,20px);max-width:60ch}.cta{display:flex;gap:12px;margin-top:22px;flex-wrap:wrap}.btn{border:1px solid transparent;border-radius:10px;padding:12px 16px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:10px;transition:transform .15s ease,box-shadow .2s ease,background .2s ease,color .2s ease,border-color .2s ease;font-family:Poppins,sans-serif}.btn.primary{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 60%,var(--bg)),color-mix(in srgb,var(--accent) 60%,var(--bg)));color:#fff;box-shadow:var(--shadow)}.btn.primary:hover{border-color:var(--primary);box-shadow:0 0 0 6px var(--ring)}.btn.ghost{background:transparent;color:var(--text);border-color:color-mix(in hsl,var(--muted),transparent 40%)}.btn.ghost:hover{border-color:var(--primary);box-shadow:0 0 0 6px var(--ring)}.hero-visual{position:relative;min-height:320px}.orb{position:absolute;inset:20% 10% auto auto;width:240px;height:240px;border-radius:50%;filter:blur(30px);opacity:.6;background:radial-gradient(circle at 30% 30%,var(--accent),transparent 60%),radial-gradient(circle at 70% 70%,var(--primary),transparent 60%);animation:float 9s ease-in-out infinite}.grid-art{position:absolute;inset:0;border-radius:20px;background:repeating-linear-gradient(to bottom,color-mix(in hsl,var(--muted),transparent 70%),color-mix(in hsl,var(--muted),transparent 70%) 1px,transparent 1px,transparent 40px),repeating-linear-gradient(to right,color-mix(in hsl,var(--muted),transparent 80%),color-mix(in hsl,var(--muted),transparent 80%) 1px,transparent 1px,transparent 40px);mask:radial-gradient(400px 240px at 70% 40%,rgba(0,0,0,.9),transparent 80%);box-shadow:inset 0 0 0 1px color-mix(in hsl,var(--muted),transparent 70%)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(14px)}}.about{background:radial-gradient(600px 260px at 10% -10%,color-mix(in hsl,var(--primary),transparent 85%),transparent 60%),var(--panel);border-top:1px solid color-mix(in hsl,var(--muted),transparent 70%);border-bottom:1px solid color-mix(in hsl,var(--muted),transparent 70%)}.about h2{margin:0 0 10px;font-size:clamp(24px,2.8vw,36px)}.about p{color:var(--muted)}.about .about-info{padding:10px 20px 20px;color:var(--muted)}.about .about-info li{padding:6px}.skills{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.chip{padding:8px 12px;border-radius:999px;background:color-mix(in hsl,var(--primary),transparent 85%);color:var(--text);border:1px solid color-mix(in hsl,var(--muted),transparent 60%);font-weight:600;font-size:13px}.projects{background:radial-gradient(600px 260px at 10% -10%,color-mix(in hsl,var(--primary),transparent 85%),transparent 60%),var(--panel);border-top:1px solid color-mix(in hsl,var(--muted),transparent 70%);border-bottom:1px solid color-mix(in hsl,var(--muted),transparent 70%)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:20px}.section-sub{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.card{grid-column:span 6;background:var(--card);border:1px solid color-mix(in hsl,var(--muted),transparent 72%);border-radius:18px;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column;transition:transform .18s ease,box-shadow .2s ease,border-color .2s ease}.card:hover{transform:translateY(-4px);border-color:color-mix(in hsl,var(--primary),transparent 40%);box-shadow:0 18px 40px color-mix(in hsl,var(--primary),#000 85%)}.thumb{display:block;width:100%;padding-top:56%;background-size:cover;background-position:center;border-bottom:1px solid color-mix(in hsl,var(--muted),transparent 72%)}.card-body{padding:16px;display:grid;gap:8px}.card-title{margin:0;font-size:18px}.card-text{margin:0;color:var(--muted)}.card-link{justify-self:start;text-decoration:none;font-weight:700;border-bottom:1px solid transparent;color:var(--primary)}.card-link:hover{border-bottom-color:currentColor}.contact{background:radial-gradient(600px 260px at 10% -10%,color-mix(in hsl,var(--primary),transparent 85%),transparent 60%),var(--panel);border-top:1px solid color-mix(in hsl,var(--muted),transparent 70%);border-bottom:1px solid color-mix(in hsl,var(--muted),transparent 70%)}.contact .icons{display:flex;gap:14px;margin-top:8px;margin-bottom:15px}.icon{width:46px;height:46px;border-radius:12px;display:inline-grid;place-items:center;background:var(--panel);border:1px solid color-mix(in hsl,var(--muted),transparent 70%);text-decoration:none;color:var(--text);transition:transform .15s ease,box-shadow .2s ease,border-color .2s ease}.icon:hover{transform:translateY(-3px);border-color:var(--primary);box-shadow:0 0 0 8px var(--ring)}.icon svg{width:22px;height:22px}.site-footer{padding:32px 20px;border-top:1px solid color-mix(in hsl,var(--muted),transparent 75%);background:radial-gradient(600px 260px at 10% -10%,color-mix(in hsl,var(--primary),transparent 85%),transparent 60%),var(--panel);border-top:1px solid color-mix(in hsl,var(--muted),transparent 70%);border-bottom:1px solid color-mix(in hsl,var(--muted),transparent 70%)}.site-footer .container{display:flex;align-items:center;justify-content:space-between;gap:12px}.back-to-top{color:var(--muted);text-decoration:none}.back-to-top:hover{color:var(--primary)}.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.reveal.reveal-visible{opacity:1;transform:translateY(0)}@media (max-width: 1000px){.hero .hero-inner{grid-template-columns:1fr}.hero-visual{order:-1;min-height:260px}.card{grid-column:span 12}}@media (max-width: 640px){.section{padding:72px 16px}.nav a{display:none}.title{font-size:clamp(28px,10vw,46px)}.subtitle{font-size:16px}}.contact-form{display:flex;flex-direction:column;gap:1rem;max-width:500px;margin:2rem 0}.contact-form input,.contact-form textarea{padding:.55rem .75rem;border:1px solid color-mix(in hsl,var(--muted),transparent 40%);border-radius:6px;font-size:14px;background:var(--card);color:var(--text);transition:border-color .3s ease,background .3s ease;font-family:Poppins,sans-serif}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--ring)}.contact-form button{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 60%,var(--bg)),color-mix(in srgb,var(--accent) 60%,var(--bg)));color:#fff;border:none;padding:.75rem;font-size:14px;border-radius:4px;cursor:pointer;transition:background .3s ease,transform .2s ease;width:fit-content;letter-spacing:.5px;font-family:Poppins,sans-serif}.contact-form button:hover{transform:translateY(-1px);box-shadow:0 1px 2px color-mix(in hsl,var(--primary),#000 75%)}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}