@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;600;700&family=Fira+Code:wght@400;600&display=swap");:root{--bg:#fff;--text:#0f172a;--muted:#6b7280;--primary:#0ea5e9;--link:var(--primary);--card:#f5f5f5;--border:#e5e7eb;--ring:#3b82f6;--shadow:0 1px 2px rgba(0,0,0,.06),0 8px 20px rgba(0,0,0,.08);--nav-height:64px;--font-mono:"JetBrains Mono","Fira Code",SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}[data-theme=dark]{--bg:#0b0b0c;--text:#e5e7eb;--muted:#9ca3af;--primary:#38bdf8;--link:var(--primary);--card:#111214;--border:#1f2937;--ring:#3b82f6;--shadow:0 1px 2px rgba(0,0,0,.25),0 10px 28px rgba(0,0,0,.45)}#__next,body,html{height:100%}html{scroll-behavior:smooth;scroll-padding-top:var(--nav-height)}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}::selection{background:color-mix(in srgb,var(--link) 30%,transparent);color:var(--text)}body:before{background:radial-gradient(600px 300px at 20% -10%,color-mix(in srgb,var(--link) 10%,transparent),transparent 60%),radial-gradient(500px 240px at 110% 10%,color-mix(in srgb,var(--link) 10%,transparent),transparent 60%);opacity:.5}body:after,body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0}body:after{background:radial-gradient(900px 220px at 50% -80px,color-mix(in srgb,var(--primary) 14%,transparent),transparent 70%),repeating-conic-gradient(from 0deg at 50% 12%,color-mix(in srgb,var(--primary) 10%,transparent) 0 14deg,transparent 14deg 28deg);background-size:140% 100%,220px 220px;background-repeat:no-repeat,repeat;background-position:50% 0,50% 12%;opacity:.22;animation:oceanDrift 36s linear infinite}[data-theme=dark] body:after{opacity:.32}@keyframes oceanDrift{0%{background-position:50% 0,0 12%}to{background-position:42% 0,220px 12%}}.container{min-height:100%;display:flex;flex-direction:column}main{width:100%;max-width:960px;margin:24px auto;padding:0 16px;position:relative;z-index:1}.hero{max-width:1200px;margin:24px auto 8px;padding:8px 16px 16px}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;grid-gap:28px;gap:28px;align-items:center}.hero-eyebrow{color:var(--muted);font-size:.9rem;margin-bottom:6px}.hero-title{margin:0 0 12px;font-size:clamp(2rem,4vw + 1rem,3.2rem);line-height:1.05;letter-spacing:-.02em;font-weight:800}.hero-title .accent{color:var(--primary)}.hero-subtitle{margin:0 0 18px;color:var(--muted);line-height:1.7}.hero-cta{display:flex;gap:12px;flex-wrap:wrap}.btn,.hero-cta{align-items:center}.btn{display:inline-flex;justify-content:center;padding:10px 14px;border-radius:12px;border:1px solid var(--border);text-decoration:none;color:var(--text);background:var(--card);transition:transform .14s ease,background .2s ease,border-color .16s ease,box-shadow .16s ease}.btn:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--primary) 30%,var(--border))}.btn-primary{color:#fff;background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 90%,#fff),var(--primary));border-color:color-mix(in srgb,var(--primary) 60%,var(--border));box-shadow:0 8px 24px color-mix(in srgb,var(--primary) 22%,transparent)}.btn-primary:hover{box-shadow:0 12px 32px color-mix(in srgb,var(--primary) 28%,transparent)}.btn-secondary{background:var(--card)}.hero-media{position:relative}.hero-media:before{content:"";position:absolute;left:-8%;top:-10%;width:120%;height:120%;background:radial-gradient(40% 40% at 80% 20%,color-mix(in srgb,var(--primary) 22%,transparent),transparent 60%),radial-gradient(40% 40% at 20% 60%,color-mix(in srgb,var(--primary) 12%,transparent),transparent 60%);border-radius:32px 32px 50% 50%/40% 40% 60% 60%;opacity:.35;filter:blur(2px)}.avatar-wrap{width:min(520px,86%);aspect-ratio:1/1;margin-left:auto;border-radius:50%;overflow:hidden;border:8px solid color-mix(in srgb,var(--primary) 12%,transparent);box-shadow:0 30px 60px rgba(0,0,0,.18);background:color-mix(in srgb,var(--primary) 6%,transparent)}.avatar-wrap img{width:100%;height:100%;object-fit:cover;display:block}.avatar-wrap{position:relative}.avatar-wrap:before{content:"";position:absolute;inset:-10px;border-radius:50%;background:conic-gradient(from 0deg,color-mix(in srgb,var(--primary) 70%,transparent),transparent 30%,color-mix(in srgb,var(--primary) 70%,transparent) 60%,transparent 90%);filter:blur(8px);opacity:.6;z-index:-1;animation:ringSpin 8s linear infinite}@keyframes ringSpin{to{transform:rotate(1turn)}}.hero-socials{display:flex;gap:10px;margin-top:14px;justify-content:center}.icon-btn{height:36px;width:36px;border-radius:10px;border:1px solid var(--border);background:var(--card);display:inline-flex;align-items:center;justify-content:center;color:var(--text);transition:transform .12s ease,background .18s ease,border-color .16s ease,box-shadow .16s ease}.icon-btn:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--primary) 35%,var(--border));box-shadow:0 10px 20px rgba(0,0,0,.08)}@media (max-width:900px){.hero-grid{grid-template-columns:1fr}.avatar-wrap{margin:0 auto}}.footer{margin:48px auto 16px;padding:16px;color:var(--muted);text-align:center;border-top:1px solid var(--border);max-width:960px;width:100%}.navbar{position:-webkit-sticky;position:sticky;top:0;width:100%;-webkit-backdrop-filter:saturate(160%) blur(12px);backdrop-filter:saturate(160%) blur(12px);background:color-mix(in srgb,var(--bg) 75%,transparent);border-bottom:1px solid var(--border);z-index:10}.navbar.is-scrolled{box-shadow:0 10px 30px rgba(0,0,0,.06)}.brand{font-weight:700;color:var(--text);text-decoration:none;margin-right:16px;font-family:var(--font-mono);letter-spacing:-.02em}.nav{max-width:960px;margin:0 auto;padding:12px 16px;gap:12px}.nav,.nav-controls{display:flex;align-items:center}.nav-controls{gap:8px;margin-left:auto}.nav a{color:var(--text);text-decoration:none;padding:6px 8px;border-radius:6px;transition:background .2s ease,color .16s ease,box-shadow .16s ease,transform .14s ease;position:relative;overflow:hidden}.nav a:hover{background:radial-gradient(120px 120px at 50% 50%,color-mix(in srgb,var(--primary) 16%,transparent),transparent 60%),color-mix(in srgb,var(--card) 88%,transparent);transform:translateY(-1px);box-shadow:0 0 0 1px color-mix(in srgb,var(--primary) 30%,var(--border))}.nav a:after{content:"";position:absolute;left:10%;right:10%;bottom:2px;height:2px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--primary) 75%,transparent),transparent);transform:scaleX(0);transform-origin:50% 50%;transition:transform .22s ease;opacity:.85}.nav a:focus-visible:after,.nav a:hover:after{transform:scaleX(1)}.nav a.is-active{background:color-mix(in srgb,var(--card) 88%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--primary) 35%,var(--border))}.language-toggle,.theme-toggle{border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:10px;padding:6px 10px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:border-color .16s ease,background .2s ease,transform .12s ease,box-shadow .16s ease;position:relative;overflow:hidden;--mx:50%;--my:50%}.language-toggle:hover,.theme-toggle:hover{border-color:color-mix(in srgb,var(--ring) 40%,var(--border))}.language-toggle:active,.theme-toggle:active{transform:translateY(1px) scale(.99)}.language-toggle:focus-visible,.theme-toggle:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.language-toggle:hover,.theme-toggle:hover{background:radial-gradient(140px 140px at var(--mx) var(--my),color-mix(in srgb,var(--primary) 16%,transparent),transparent 60%),var(--card);box-shadow:0 4px 18px color-mix(in srgb,var(--primary) 18%,transparent)}.section{padding:24px;margin:16px 0;background:var(--card);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease;position:relative;transform-style:preserve-3d;will-change:transform;--mx:50%;--my:50%;--rx:0deg;--ry:0deg}.section:hover{transform:translateY(-1px) rotateX(var(--rx)) rotateY(var(--ry))}.section:focus-within{border-color:color-mix(in srgb,var(--ring) 40%,var(--border))}.section:has(a:hover),.section:has(button:hover){box-shadow:0 1px 2px rgba(0,0,0,.25),0 16px 36px rgba(0,0,0,.4)}.section-title{margin:0 0 12px;font-size:1.4rem;font-family:var(--font-mono);letter-spacing:-.01em}.section-body{color:var(--text);line-height:1.7}.list{margin:0;padding-left:18px;color:var(--muted)}.list li{margin:6px 0}.section:before{content:"";position:absolute;inset:-1px;background:radial-gradient(300px 200px at var(--mx) var(--my),color-mix(in srgb,var(--primary) 12%,transparent),transparent 70%);opacity:0;transition:opacity .2s ease;border-radius:inherit;pointer-events:none}.section:hover:before{opacity:1}.projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}@media (max-width:900px){.projects-grid{grid-template-columns:1fr}}.project-card{display:block;padding:18px;border:1px solid var(--border);border-radius:14px;background:var(--card);text-decoration:none;color:var(--text);transition:transform .16s ease,box-shadow .18s ease,border-color .16s ease,background .16s ease;position:relative;overflow:hidden}.project-card:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(0,0,0,.18);border-color:color-mix(in srgb,var(--primary) 28%,var(--border));background:radial-gradient(220px 180px at 60% -20%,color-mix(in srgb,var(--primary) 12%,transparent),transparent 70%),var(--card)}.project-title{font-weight:700;margin-bottom:6px}.project-desc{color:var(--muted);margin-bottom:10px;line-height:1.6}.project-tech{color:var(--primary);font-size:.85rem;font-family:var(--font-mono);margin-bottom:8px;opacity:.9}.project-more{color:var(--link);font-weight:600}a:focus-visible,button:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.contact-links{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:16px}@media (max-width:600px){.nav{flex-wrap:wrap;gap:8px}.nav-controls{margin-left:0;order:-1;width:100%;justify-content:flex-end}.contact-links{flex-direction:column;align-items:stretch}.contact-links .btn{text-align:center;justify-content:center}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.nav a,.section,.theme-toggle{transform:none!important}}#route-progress{position:fixed;top:0;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--primary),color-mix(in srgb,var(--primary) 60%,transparent));z-index:9999;transition:width .12s linear,opacity .28s ease;opacity:0}.back-to-top{position:fixed;right:18px;bottom:18px;height:40px;width:40px;border-radius:10px;border:1px solid var(--border);background:var(--card);color:var(--text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.08);transition:transform .15s ease,background .2s ease,border-color .16s ease,opacity .2s ease;opacity:0;pointer-events:none;z-index:1000}.back-to-top:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary) 35%,var(--border))}.back-to-top.show{opacity:1;pointer-events:auto}