:root{color-scheme:dark;--bg: #0b1120;--bg-soft: #111827;--card: #0f172a;--text: #e2e8f0;--muted: #94a3b8;--accent: #60a5fa;--accent-strong: #38bdf8;--accent-warm: #f97316;--line: rgba(148, 163, 184, .2);--shadow: 0 30px 60px rgba(15, 23, 42, .45)}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background:radial-gradient(circle at top,#1e293b,var(--bg));color:var(--text);min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:100%;max-width:1160px;margin:0 auto;padding:0 24px}html{scroll-behavior:smooth}.site-header{position:fixed;inset:0 0 auto;z-index:50;padding:18px 0;transition:background .3s ease,padding .3s ease,border-color .3s ease;border-bottom:1px solid transparent}.site-header.is-scrolled{padding:10px 0;background:#0b1120c7;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom-color:#94a3b826}.site-header__inner{display:flex;align-items:center;justify-content:space-between}.logo{font-family:Sora,sans-serif;font-weight:700;font-size:1.25rem;letter-spacing:.02em}.logo span{color:var(--accent-warm)}.site-header nav{display:flex;align-items:center;gap:8px;font-size:.95rem}.site-header nav a{padding:8px 14px;border-radius:999px;color:var(--muted);transition:color .2s ease,background .2s ease}.site-header nav a:hover,.site-header nav a.is-active{color:#fff;background:#94a3b824}.site-header nav .nav-cta{color:#0b1120;background:linear-gradient(135deg,var(--accent),var(--accent-strong));font-weight:600}.site-header nav .nav-cta:hover,.site-header nav .nav-cta.is-active{color:#0b1120;background:linear-gradient(135deg,var(--accent),var(--accent-strong));filter:brightness(1.1)}.scroll-progress{position:absolute;left:0;bottom:-1px;height:2px;width:100%;background:linear-gradient(90deg,var(--accent),var(--accent-warm));transform-origin:left;transform:scaleX(0)}.hero{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:center;padding:120px 0 96px;overflow:hidden;isolation:isolate}.hero__bg{position:absolute;inset:0;z-index:-1}.orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.55;transform:translateY(var(--py, 0px));animation:drift 14s ease-in-out infinite alternate}.orb--blue{width:520px;height:520px;top:-140px;left:-120px;background:#2563eb}.orb--orange{width:420px;height:420px;right:-100px;top:20%;background:#f97316;opacity:.32;animation-duration:18s}.orb--violet{width:480px;height:480px;left:35%;bottom:-220px;background:#7c3aed;opacity:.35;animation-duration:16s}.hero__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(148,163,184,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.07) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse at center,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse at center,#000 30%,transparent 75%)}@keyframes drift{0%{margin:0}to{margin:40px 0 0 50px}}.hero__inner{display:grid;grid-template-columns:1.2fr .8fr;gap:64px;align-items:center}.hero__content h1{font-family:Sora,sans-serif;font-size:clamp(2.3rem,5vw,4rem);line-height:1.12;letter-spacing:-.02em;margin:22px 0}.grad{background:linear-gradient(120deg,var(--accent),var(--accent-strong) 45%,var(--accent-warm));background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shine 6s linear infinite}@keyframes shine{to{background-position:200% center}}.hero__subtitle{font-size:1.15rem;line-height:1.75;color:#b6c2d4;max-width:560px;margin:0}.pill{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:999px;font-size:.82rem;border:1px solid var(--line);background:#0f172a99;color:var(--text);margin:0}.pill__dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 #22c55e99;animation:ping 2s infinite}@keyframes ping{70%{box-shadow:0 0 0 10px #22c55e00}to{box-shadow:0 0 #22c55e00}}.hero__actions{display:flex;flex-wrap:wrap;gap:14px;margin:32px 0}.btn{display:inline-block;padding:14px 26px;border-radius:999px;font-weight:600;border:1px solid transparent;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.btn--primary{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#0b1120;box-shadow:0 10px 30px #38bdf84d}.btn--primary:hover{box-shadow:0 14px 40px #38bdf873}.btn--ghost{border-color:#94a3b866;color:var(--text)}.btn--ghost:hover{background:#94a3b81f}.btn:hover{transform:translateY(-2px)}.hero__stats{list-style:none;padding:24px 0 0;margin:0;display:flex;gap:40px;border-top:1px solid var(--line);max-width:520px}.hero__stats strong{display:block;font-family:Sora,sans-serif;font-size:1.6rem}.hero__stats span{color:var(--muted);font-size:.85rem}.hero__visual{display:flex;justify-content:center}.portrait-wrap{position:relative;width:min(340px,78vw)}.portrait-wrap:before{content:"";position:absolute;inset:-3px;border-radius:30px;background:conic-gradient(from 0deg,var(--accent),var(--accent-warm),#7c3aed,var(--accent));filter:blur(18px);opacity:.55;animation:spin 10s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.portrait{position:relative;aspect-ratio:4 / 5;border-radius:28px;overflow:hidden;background:var(--card);border:1px solid rgba(148,163,184,.3);box-shadow:var(--shadow)}.portrait img{width:100%;height:100%;object-fit:cover}.float-card{position:absolute;display:grid;gap:2px;padding:12px 16px;border-radius:16px;background:#0f172ad9;border:1px solid var(--line);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-size:.82rem;color:var(--muted);box-shadow:var(--shadow);animation:float 6s ease-in-out infinite}.float-card strong{color:#fff;font-size:.92rem}.float-card__label{color:var(--accent);text-transform:uppercase;letter-spacing:.1em;font-size:.68rem}.float-card--a{left:-36px;bottom:36px}.float-card--b{right:-28px;top:32px;animation-delay:-3s}@keyframes float{50%{transform:translateY(-10px)}}.scroll-cue{position:absolute;left:50%;bottom:28px;width:26px;height:42px;margin-left:-13px;border:2px solid rgba(148,163,184,.5);border-radius:14px}.scroll-cue span{position:absolute;left:50%;top:8px;width:4px;height:8px;margin-left:-2px;border-radius:2px;background:var(--accent);animation:wheel 1.8s ease-in-out infinite}@keyframes wheel{0%{opacity:0;transform:translateY(0)}30%{opacity:1}to{opacity:0;transform:translateY(14px)}}.hero-in{opacity:0;transform:translateY(24px);animation:rise .8s cubic-bezier(.2,.7,.2,1) forwards;animation-delay:var(--d, 0ms)}@keyframes rise{to{opacity:1;transform:none}}.js [data-reveal]{opacity:0;transform:translateY(32px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.js [data-reveal].is-visible{opacity:1;transform:none}.about__grid>[data-reveal]:nth-child(2n),.experience__grid>[data-reveal]:nth-child(2),.contact__grid>[data-reveal]:nth-child(2){transition-delay:.1s}.experience__grid>[data-reveal]:nth-child(3),.contact__grid>[data-reveal]:nth-child(3){transition-delay:.2s}.card{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.js .card[data-reveal].is-visible:hover,.card:hover{transform:translateY(-6px);box-shadow:0 24px 50px #02061759;border-color:#60a5fa80}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.hero-in{opacity:1;transform:none}}.muted{color:var(--muted);font-size:.9rem}.section{padding:96px 0 24px;scroll-margin-top:96px}.section--dark{background:linear-gradient(180deg,#0f172a,#0b1120);border-radius:32px;padding:72px 48px;margin:72px 0 32px}.section__intro{max-width:720px;margin-bottom:40px}.section__intro h2{font-family:Sora,sans-serif;font-size:clamp(1.9rem,2.6vw,2.4rem);margin-bottom:12px}.section__intro p{color:inherit;opacity:.7;line-height:1.7}.card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:var(--shadow)}.card--dark{background:#0f172acc;border:1px solid rgba(148,163,184,.25)}.card__icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:1.4rem;margin-bottom:12px;background:#60a5fa1f;color:var(--accent)}.card__icon img{width:24px;height:24px;filter:brightness(0) invert(1)}.card__icon--gradient{color:#fff}.card__icon--gradient.orange{background:linear-gradient(135deg,#f97316,#ef4444)}.card__icon--gradient.blue{background:linear-gradient(135deg,#3b82f6,#6366f1)}.card__icon--gradient.green{background:linear-gradient(135deg,#22c55e,#14b8a6)}.card h3{margin:8px 0 12px;font-size:1.2rem}.card p,.card li{color:inherit;opacity:.8;font-size:1rem;line-height:1.65}.card ul{padding-left:18px;margin:12px 0 0;display:grid;gap:8px}.about__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.experience__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.text-link{color:var(--accent-strong);font-weight:600}.achievement{margin-top:40px;background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:24px;padding:32px;border:1px solid rgba(148,163,184,.2)}.achievement__header{text-align:center;margin-bottom:24px}.achievement__header h3{margin:0 0 8px}.achievement__header p{color:var(--muted)}.achievement__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;text-align:center}.achievement__grid strong{display:block;font-family:Sora,sans-serif;font-size:2.2rem;background:linear-gradient(120deg,var(--accent),var(--accent-warm));-webkit-background-clip:text;background-clip:text;color:transparent}.achievement__grid span{color:var(--muted);font-size:.95rem}.contact{color:#fff}.contact__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}.contact__grid a{color:#fff;font-weight:600}.contact__footer{margin-top:32px;padding-top:24px;border-top:1px solid rgba(148,163,184,.2);text-align:center;color:var(--muted)}.social{display:flex;justify-content:center;gap:16px;margin-bottom:16px}.social a{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#94a3b81a;color:#fff}.social svg{width:20px;height:20px}.site-footer{padding:40px 0 12px;color:var(--muted);font-size:.85rem;text-align:center}@media (max-width: 900px){.hero__inner{grid-template-columns:1fr;gap:56px;text-align:left}.hero__visual{order:-1}.portrait-wrap{width:min(260px,70vw)}.float-card--a{left:-12px}.float-card--b{right:-12px}.scroll-cue{display:none}}@media (max-width: 720px){.site-header nav a:not(.nav-cta){display:none}.hero{padding-top:104px}.hero__stats{gap:24px}.section--dark{padding:56px 24px}.about__grid{grid-template-columns:1fr}}