:root{--bg: #edf2ff;--bg-soft: #f7f9ff;--text: #0a1536;--muted: #4d5f7f;--card: rgba(250, 252, 255, .9);--card-strong: rgba(232, 240, 255, .96);--border: rgba(48, 92, 222, .18);--shadow: 0 18px 50px rgba(48, 92, 222, .07);--accent: #305cde;--accent-soft: rgba(48, 92, 222, .12);--accent-strong: #183ca8;--cursor-x: 50vw;--cursor-y: 20vh;--cursor-opacity: 0}:root[data-theme=dark]{--bg: #050913;--bg-soft: #0b1223;--text: #eef4ff;--muted: #9eacc8;--card: rgba(10, 16, 30, .94);--card-strong: rgba(14, 22, 40, .98);--border: rgba(133, 164, 255, .22);--shadow: 0 22px 56px rgba(0, 0, 0, .34);--accent: #305cde;--accent-soft: rgba(48, 92, 222, .18);--accent-strong: #a9beff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at 10% 10%,rgba(48,92,222,.18),transparent 22%),radial-gradient(circle at 90% 15%,rgba(48,92,222,.12),transparent 20%),radial-gradient(circle at 85% 85%,rgba(96,131,255,.1),transparent 26%),linear-gradient(180deg,var(--bg),var(--bg-soft));min-height:100vh}:root[data-theme=dark] body{background:radial-gradient(circle at 10% 10%,rgba(48,92,222,.18),transparent 22%),radial-gradient(circle at 90% 15%,rgba(48,92,222,.12),transparent 20%),radial-gradient(circle at 85% 85%,rgba(88,128,255,.08),transparent 26%),linear-gradient(180deg,var(--bg),var(--bg-soft))}button{font:inherit}a{color:inherit;text-decoration:none}.cursor-glow{position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(circle 280px at var(--cursor-x) var(--cursor-y),rgba(48,92,222,.1),transparent 66%),radial-gradient(circle 150px at var(--cursor-x) var(--cursor-y),rgba(48,92,222,.16),transparent 72%);opacity:var(--cursor-opacity);transition:opacity .24s ease;mix-blend-mode:multiply}:root[data-theme=dark] .cursor-glow{background:radial-gradient(circle 320px at var(--cursor-x) var(--cursor-y),rgba(48,92,222,.08),transparent 70%),radial-gradient(circle 160px at var(--cursor-x) var(--cursor-y),rgba(48,92,222,.12),transparent 74%);mix-blend-mode:screen}.page-shell,.bg-orb{position:relative;z-index:1}.topbar{z-index:20}.bg-orb{position:fixed;border-radius:999px;filter:blur(60px);opacity:.5;pointer-events:none;animation:drift 18s ease-in-out infinite alternate}.bg-orb-a{width:260px;height:260px;top:8%;left:-60px;background:#305cde47}.bg-orb-b{width:320px;height:320px;right:-100px;bottom:8%;background:#305cde2e;animation-delay:-6s}.page-shell{position:relative;width:min(1120px,calc(100% - 32px));margin:0 auto;padding:96px 0 40px}.topbar{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:20;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;margin-bottom:30px;border:1px solid var(--border);border-radius:20px;background:#e4ebffeb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);width:min(1120px,calc(100% - 32px))}:root[data-theme=dark] .topbar{background:#0a101eeb}.brand{width:42px;height:42px;border:0;border-radius:14px;background:var(--accent);color:#fff;font-weight:800;letter-spacing:.04em;cursor:pointer}.nav{display:flex;flex-wrap:wrap;gap:10px}.nav button{border:0;background:transparent;color:var(--muted);padding:8px 2px;cursor:pointer;position:relative;transition:color .18s ease}.nav button:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .18s ease}.nav button:hover,.nav button.active,.contact a:hover{color:var(--accent)}.nav button:hover:after,.nav button.active:after{transform:scaleX(1)}.section{margin:54px 0;scroll-margin-top:108px}.hero{display:grid;grid-template-columns:1.4fr .9fr;gap:24px;align-items:stretch;margin-top:8px}.hero-copy,.hero-card,.panel,.project-card{border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}[data-cursor-trail]{position:relative;overflow:hidden}[data-cursor-trail]:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle 120px at var(--trail-x, 50%) var(--trail-y, 50%),rgba(48,92,222,.18),transparent 64%);opacity:var(--trail-opacity, 0);transition:opacity .22s ease;mix-blend-mode:multiply}:root[data-theme=dark] [data-cursor-trail]:after{background:radial-gradient(circle 130px at var(--trail-x, 50%) var(--trail-y, 50%),rgba(48,92,222,.16),transparent 68%);mix-blend-mode:screen}:root[data-theme=dark] .hero-copy,:root[data-theme=dark] .hero-card,:root[data-theme=dark] .panel,:root[data-theme=dark] .project-card{background:var(--card)}.hero-copy{background:linear-gradient(145deg,#ffffffeb,#e9f0fffa),var(--card)}:root[data-theme=dark] .hero-copy{background:linear-gradient(145deg,#121c34fa,#080d1afc),var(--card)}.hero-copy{border-radius:28px;padding:34px}.eyebrow{margin:0 0 12px;color:var(--accent-strong);font-size:.82rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.4rem,5vw,4.7rem);line-height:.98;letter-spacing:-.06em;margin-bottom:18px;max-width:12ch}.lead{color:var(--muted);font-size:1.08rem;line-height:1.8;max-width:58ch;margin-bottom:24px}.highlight-name{color:var(--text);font-weight:800}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:999px;border:1px solid transparent;font-weight:700;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;cursor:pointer}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--accent);color:#fff;box-shadow:0 12px 24px #305cde33}.button.secondary{border-color:#305cde2e;background:#e5edffb8}:root[data-theme=dark] .button.secondary{color:var(--text);background:linear-gradient(180deg,#0f172afa,#0a101efa);border-color:#7d9dff38;box-shadow:0 10px 24px #0000002e}:root[data-theme=dark] .button.secondary:hover{background:linear-gradient(180deg,#131d34fc,#0c1222fc)}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.stats div{padding:16px;border-radius:18px;background:linear-gradient(180deg,#ffffffd6,#e8f0ffeb);border:1px solid rgba(48,92,222,.1)}:root[data-theme=dark] .stats div{background:linear-gradient(180deg,#0f172cfa,#090f1cfc);border-color:#85a4ff2e;box-shadow:0 12px 26px #00000024}.stats strong{display:block;font-size:1.4rem;margin-bottom:4px;color:var(--accent)}:root[data-theme=dark] .stats strong{color:#8fb0ff}.stats span{color:var(--muted);font-size:.92rem}:root[data-theme=dark] .stats span{color:#b7c3df}.hero-card{border-radius:28px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(180deg,#f6f9fff5,#e8f0fff5),var(--card);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}:root[data-theme=dark] .hero-card{background:linear-gradient(180deg,#0e162afa,#080d19fc),var(--card)}.hero-card:hover,.panel:hover,.project-card:hover,.social-button:hover,.theme-toggle:hover{transform:translateY(-2px);border-color:#305cde3d;box-shadow:0 18px 34px #305cde1a}:root[data-theme=dark] .hero-card:hover,:root[data-theme=dark] .panel:hover,:root[data-theme=dark] .project-card:hover,:root[data-theme=dark] .social-button:hover,:root[data-theme=dark] .theme-toggle:hover{box-shadow:0 18px 34px #00000047}.portrait{width:min(320px,100%);aspect-ratio:1 / 1;display:grid;place-items:center;align-self:center;border-radius:24px;overflow:hidden;background:linear-gradient(135deg,#305cde29,#2349b71a),radial-gradient(circle at top,rgba(255,255,255,.2),transparent 55%);border:1px solid rgba(48,92,222,.14)}:root[data-theme=dark] .portrait{background:linear-gradient(135deg,#305cde38,#2349b729),radial-gradient(circle at top,rgba(255,255,255,.08),transparent 55%)}.portrait img{width:100%;height:100%;object-fit:cover;object-position:center 18%;display:block}.about-portrait{width:min(150px,100%);aspect-ratio:1 / 1;display:block;align-self:flex-start;border-radius:22px;overflow:hidden;margin-bottom:18px;border:1px solid rgba(48,92,222,.14);box-shadow:0 12px 26px #305cde12;background:#ffffff9e}:root[data-theme=dark] .about-portrait{background:#0c1220f5}.about-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 18%;display:block}.about-header{display:flex;align-items:center;gap:18px;margin-bottom:18px;flex-wrap:wrap}.about-name-block{display:flex;flex-direction:column;gap:4px}.about-name{margin:0;font-size:clamp(1.6rem,2.4vw,2.2rem);line-height:1;letter-spacing:-.05em;font-weight:800;color:var(--text)}.about-role{margin:0;color:var(--accent);font-weight:700;font-size:.95rem}.card-content{padding-top:18px}.card-label{color:var(--muted);font-size:.92rem;margin-bottom:10px}.card-content ul,.project-card ul{margin:0;padding-left:18px;color:var(--text);line-height:1.7}.grid-two{display:grid;grid-template-columns:.75fr 1.25fr;gap:24px;align-items:start}.section-title h2{font-size:clamp(1.7rem,2.6vw,2.6rem);line-height:1.08;letter-spacing:-.05em;max-width:15ch}.panel{border-radius:24px;padding:24px;background:linear-gradient(180deg,#fafcffeb,#e8f0ffeb)}:root[data-theme=dark] .panel{background:linear-gradient(180deg,#0d1426fa,#080d19fa)}.panel p,.project-card p,.timeline p{color:var(--muted);line-height:1.75}.timeline-title-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.timeline-title-row h3{margin-bottom:0}.timeline-org{margin:0;color:var(--accent);font-weight:700;line-height:1.4;text-align:right;white-space:nowrap}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.achievements-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.project-card{border-radius:24px;padding:22px;transition:transform .18s ease,border-color .18s ease;display:flex;flex-direction:column;background:linear-gradient(180deg,#f8fbffeb,#e5edffe0)}:root[data-theme=dark] .project-card{background:linear-gradient(180deg,#0d1424fa,#090e1bfa)}.project-card:hover{transform:translateY(-3px);border-color:#305cde57}.project-card ul{margin-bottom:18px}.project-link{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;background:#305cde1f;color:var(--accent);font-weight:800;font-size:.92rem;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.project-link:hover{transform:translateY(-1px);background:#305cde2e;box-shadow:0 10px 20px #305cde1f}.project-link-arrow{font-size:1rem;line-height:1}.achievement-card{min-height:220px}.achievement-year{margin-top:auto;padding-top:18px;color:var(--accent-strong);font-weight:800;font-size:.92rem}.project-tag{display:inline-block;padding:6px 10px;border-radius:999px;background:#305cde1f;color:var(--accent);font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.timeline{display:grid;gap:16px}.timeline-item{display:grid;grid-template-columns:72px 1fr;gap:18px;padding-bottom:16px;border-bottom:1px solid rgba(48,92,222,.1)}.timeline-item:last-child{border-bottom:0;padding-bottom:0}.timeline-item span{color:var(--accent-strong);font-weight:800}.skills{display:flex;flex-wrap:wrap;gap:10px}.skills span{padding:10px 14px;border-radius:999px;background:linear-gradient(180deg,#ffffffe0,#eaf1fff0);border:1px solid rgba(48,92,222,.1);color:var(--text);transition:transform .18s ease,background .18s ease}:root[data-theme=dark] .skills span{background:linear-gradient(180deg,#0f172cfa,#080d19fa);border-color:#85a4ff29}.skills span:hover{transform:translateY(-2px);background:#0000800f}.contact-section .contact a{color:var(--accent-strong);font-weight:700}.social-buttons{display:flex;flex-wrap:wrap;gap:12px}.social-button{display:inline-flex;align-items:center;gap:10px;padding:12px 16px;border-radius:999px;border:1px solid rgba(48,92,222,.12);background:linear-gradient(180deg,#ffffffe6,#eaf1fff0);box-shadow:0 10px 24px #305cde0f;transition:transform .18s ease,background .18s ease,border-color .18s ease}:root[data-theme=dark] .social-button{background:linear-gradient(180deg,#0f172cfa,#080d19fa);box-shadow:0 10px 24px #00000038}.social-button:hover{transform:translateY(-2px);background:#305cde0f;border-color:#305cde33}.social-icon{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--accent);color:#fff;flex:0 0 auto;overflow:hidden}.social-icon img{width:16px;height:16px;object-fit:contain;display:block;filter:brightness(0) invert(1)}.social-label{font-weight:700;color:var(--text)}.theme-toggle{width:42px;height:42px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(180deg,#ffffffdb,#e5edffeb);display:inline-grid;place-items:center;cursor:pointer;flex:0 0 auto;transition:transform .18s ease,background .18s ease,border-color .18s ease}.theme-toggle:hover{transform:translateY(-1px);border-color:#305cde4d}.theme-icon{width:18px;height:18px;display:block;filter:brightness(0) saturate(100%) invert(26%) sepia(71%) saturate(1767%) hue-rotate(207deg) brightness(96%) contrast(92%)}:root[data-theme=dark] .theme-toggle{background:linear-gradient(180deg,#0f172afa,#0a101efa)}:root[data-theme=dark] .theme-icon{filter:brightness(0) saturate(100%) invert(84%) sepia(12%) saturate(693%) hue-rotate(186deg) brightness(103%) contrast(104%)}.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:translateY(0)}@media(hover:none),(pointer:coarse){.cursor-glow{display:none}}@media(prefers-reduced-motion:reduce){.cursor-glow,.bg-orb,.reveal,.button,.project-card,.social-button,.theme-toggle,.hero-card,.panel{transition:none!important;animation:none!important}}.section-title h2,.about-name,.stats strong,.about-role,.timeline-item span,.achievement-year{color:var(--accent)}:root[data-theme=dark] .highlight-name{color:var(--text)}@keyframes drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(18px,-20px,0) scale(1.06)}}@media(max-width:900px){.hero,.grid-two,.stats,.cards,.achievements-cards{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start}.theme-toggle{align-self:flex-start}.nav{gap:12px 16px}}@media(max-width:640px){.page-shell{width:min(100% - 20px,1120px);padding-top:104px}.section{margin:32px 0;scroll-margin-top:132px}.hero-copy,.hero-card,.panel,.project-card{border-radius:20px;padding:20px}.timeline-item{grid-template-columns:1fr;gap:6px}}