@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Sora:wght@500;600;700;800&display=swap";:root{--tone-night:#04111f;--tone-cyan:#9fe3ff;--tone-gold:#ffb16c;--tone-coral:#ff8a7a;--text-main:#f4f7fb;--text-soft:#bfd0df;--text-muted:#89a0b7;--line-soft:#a4c6e224;--line-strong:#a4c6e23d;--panel-shadow:0 34px 80px #01060f6b;--heading:"Sora", sans-serif;--body:"Plus Jakarta Sans", sans-serif;color:var(--text-soft);font:16px/1.65 var(--body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#020611}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at top,#1b597c2e,#0000 28%),radial-gradient(circle at 80% 10%,#ffa65f14,#0000 24%),linear-gradient(#020611 0%,#071224 50%,#050d1a 100%);min-width:320px;margin:0}body:before,body:after{content:"";pointer-events:none;filter:blur(80px);opacity:.24;z-index:0;border-radius:999px;position:fixed;inset:auto}body:before{background:#73e1ff4d;width:260px;height:260px;top:8%;left:-10%}body:after{background:#ffb16c38;width:300px;height:300px;bottom:12%;right:-5%}#root{min-height:100vh}img{max-width:100%}a{text-decoration:none}h1,h2,h3,h4,p{margin:0}h1,h2,h3{font-family:var(--heading);color:var(--text-main);line-height:1.08}h1{letter-spacing:-.06em;font-size:clamp(3rem,7vw,5.5rem)}h2{letter-spacing:-.05em;font-size:clamp(2rem,4vw,3.2rem)}h3{letter-spacing:-.03em;font-size:clamp(1.2rem,2vw,1.55rem)}p,li{color:var(--text-soft)}strong{color:var(--text-main)}button,input,textarea,select{font:inherit}.app-shell{min-height:100vh;position:relative}.galaxy-canvas,.cursor-droplets{z-index:0;position:fixed;inset:0}.galaxy-canvas{opacity:.88;pointer-events:none}.cursor-droplets{pointer-events:none;z-index:1}.topbar,.page-content{z-index:2;position:relative}.topbar{justify-content:space-between;align-items:center;gap:24px;width:min(1180px,100% - 32px);margin:0 auto;padding:22px 0 0;display:flex}.brand{color:var(--text-main);align-items:center;gap:14px;display:inline-flex}.brand-mark{background:linear-gradient(135deg,#9fe3ffe6,#ffb16cbf);border-radius:18px;place-items:center;width:48px;height:48px;padding:3px;display:grid;overflow:hidden;box-shadow:0 18px 40px #46aed63d}.brand-mark img{object-fit:cover;border-radius:15px;width:100%;height:100%;display:block}.brand strong,.brand small{display:block}.brand small{color:var(--text-soft);margin-top:4px;font-size:.82rem}.nav-links{border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#050e1d80;border-radius:999px;align-items:center;gap:26px;padding:12px 18px;display:inline-flex}.nav-links a{color:var(--text-soft);font-size:.92rem}.nav-links a:hover,.project-links a:hover,.brand:hover{color:var(--text-main)}.page-content{gap:34px;width:min(1180px,100% - 32px);margin:0 auto;padding:38px 0 56px;animation:.9s both page-enter;display:grid}.hero-section{grid-template-columns:minmax(0,1.35fr) minmax(320px,.85fr);align-items:stretch;gap:26px;display:grid}.panel{border:1px solid var(--line-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--panel-shadow);background:linear-gradient(#111f35b8,#050e1de0),#050e1da6;position:relative;overflow:hidden}.panel:after{content:"";pointer-events:none;background:linear-gradient(135deg,#9fe3ff14,#ffa96605 50%,#fff0);position:absolute;inset:0}.hero-copy,.profile-card,.metric-card,.focus-card,.story-card,.timeline-card,.project-card,.achievement-card,.skill-card,.contact-panel{border-radius:28px}.hero-copy{padding:clamp(28px,4vw,46px)}.eyebrow,.section-eyebrow,.project-label,.status-pill{width:fit-content;color:var(--tone-cyan);text-transform:uppercase;letter-spacing:.16em;background:#9fe3ff17;border:1px solid #9fe3ff2e;border-radius:999px;align-items:center;gap:10px;padding:8px 14px;font-size:.72rem;font-weight:700;display:inline-flex}.hero-copy h1{max-width:12ch;margin:18px 0}.hero-lead{color:var(--text-main);font-size:1.14rem}.hero-copy p+p{margin-top:18px}.hero-actions,.contact-actions,.project-links{flex-wrap:wrap;gap:14px;display:flex}.hero-actions{margin-top:30px}.button{letter-spacing:.01em;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:0 20px;font-weight:700;transition:transform .18s,border-color .18s,background .18s,color .18s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button-primary{background:linear-gradient(135deg, var(--tone-cyan), #e9faff);color:#04111f;box-shadow:0 20px 44px #4ab7e247}.button-secondary{color:var(--text-main);background:#ffffff0f;border-color:#ffffff1f}.button-ghost{color:var(--text-soft);background:0 0;border-color:#0000;padding-inline:0}.profile-card{flex-direction:column;gap:22px;padding:28px;display:flex}.profile-photo-wrap{aspect-ratio:.94;background:radial-gradient(circle at top,#9fe3ff3d,#0000 55%),linear-gradient(#ffffff14,#ffffff05);border-radius:30px;width:min(100%,320px);margin:0 auto;padding:16px}.profile-photo-wrap img{object-fit:cover;filter:saturate(1.04)contrast(1.04);border-radius:24px;width:100%;height:100%}.profile-intro h2{margin-top:16px;margin-bottom:12px}.profile-facts{gap:16px;display:grid}.profile-facts div{border-top:1px solid var(--line-soft);padding-top:14px}.profile-facts span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;display:block}.profile-facts strong{color:var(--text-main);margin-top:6px;font-weight:700;display:block}.metrics-grid,.focus-grid,.achievement-grid,.skills-grid{gap:20px;display:grid}.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card{padding:24px}.metric-card strong{font-family:var(--heading);color:var(--text-main);letter-spacing:-.04em;font-size:clamp(2rem,4vw,3rem);display:block}.metric-card p{margin-top:12px}.content-section{gap:22px;scroll-margin-top:120px;display:grid}.section-heading{max-width:760px}.section-heading h2{margin:16px 0 12px}.focus-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.focus-card,.story-card,.achievement-card,.skill-card,.contact-panel{padding:28px}.focus-card h3,.story-card h3,.skill-card h3,.project-card h3,.timeline-card h3{margin-bottom:12px}.story-card p+p{margin-top:18px}.two-column-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.credential-list{gap:18px;display:grid}.credential-item strong,.credential-item span{display:block}.credential-item span{color:var(--text-muted);margin:8px 0}.language-row,.tag-row{flex-wrap:wrap;gap:10px;display:flex}.language-row{margin-top:20px}.tag{min-height:34px;color:var(--text-main);background:#ffffff0d;border:1px solid #ffffff1f;border-radius:999px;align-items:center;padding:0 12px;font-size:.86rem;display:inline-flex}.timeline{gap:18px;display:grid}.timeline-card{grid-template-columns:220px minmax(0,1fr);gap:20px;padding:28px;display:grid}.timeline-meta{border-right:1px solid var(--line-soft);padding-right:20px}.timeline-meta span,.project-year{color:var(--tone-gold);text-transform:uppercase;letter-spacing:.14em;font-size:.82rem;font-weight:700}.timeline-company{color:var(--text-main);font-weight:700}.detail-list{color:var(--text-soft);margin:18px 0 20px;padding-left:18px}.detail-list li+li{margin-top:10px}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.project-card{flex-direction:column;display:flex}.project-visual{border-bottom:1px solid var(--line-soft);min-height:240px;position:relative;overflow:hidden}.project-visual.has-image img{object-fit:cover;width:100%;height:100%;display:block}.project-visual.is-generated{background:radial-gradient(circle at 20% 20%, color-mix(in srgb, var(--project-accent) 45%, transparent), transparent 38%), radial-gradient(circle at 80% 30%, #ffffff1a, transparent 35%), linear-gradient(160deg, #030a16d6, #0a1a2ff5)}.project-placeholder{gap:10px;display:grid;position:absolute;inset:auto 24px 24px}.project-placeholder span{color:var(--tone-cyan);letter-spacing:.14em;text-transform:uppercase;font-size:.82rem}.project-placeholder strong{font-family:var(--heading);color:var(--text-main);font-size:1.8rem;line-height:1.1}.project-placeholder p{color:var(--text-soft);max-width:24ch}.project-body{gap:16px;padding:24px;display:grid}.project-topline{justify-content:space-between;align-items:center;gap:14px;display:flex}.project-description{color:var(--text-main)}.project-impact,.muted-note{color:var(--text-soft)}.project-links a{color:var(--tone-cyan);font-weight:700}.achievement-grid,.skills-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.contact-panel{justify-content:space-between;align-items:center;gap:24px;scroll-margin-top:120px;display:flex}.loading-screen{text-align:center;background:radial-gradient(circle at top,#3891c538,#0000 30%),radial-gradient(circle at 20% 20%,#ffa76224,#0000 28%),linear-gradient(#020611,#071427);align-content:center;place-items:center;gap:18px;min-height:100vh;padding:32px;display:grid}.loading-orb{width:120px;height:120px;position:relative}.loading-orb span{border:1px solid #9fe3ff2e;border-radius:50%;animation:4.6s linear infinite orbit;position:absolute;inset:0}.loading-orb span:nth-child(2){border-color:#ffb16c2e;animation-duration:3.6s;animation-direction:reverse;inset:12px}.loading-orb span:nth-child(3){border-color:#ffffff47;animation-duration:2.8s;inset:28px}.loading-kicker{letter-spacing:.18em;text-transform:uppercase;color:var(--tone-cyan);margin-top:8px;font-size:.78rem}.loading-copy{max-width:34rem}.loading-track{background:#ffffff14;border-radius:999px;width:min(420px,100vw - 48px);height:8px;overflow:hidden}.loading-track span{border-radius:inherit;background:linear-gradient(90deg, var(--tone-cyan), var(--tone-gold));height:100%;transition:width .14s;display:block;box-shadow:0 0 22px #73e1ff47}.loading-meta{width:min(420px,100vw - 48px);color:var(--text-soft);justify-content:space-between;align-items:center;display:flex}@keyframes page-enter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes orbit{0%{transform:rotate(0)scale(.96)}50%{transform:rotate(180deg)scale(1.04)}to{transform:rotate(360deg)scale(.96)}}@media (width<=1120px){.hero-section,.two-column-grid,.projects-grid,.achievement-grid,.skills-grid,.focus-grid,.metrics-grid{grid-template-columns:1fr}.topbar{flex-wrap:wrap}.nav-links{order:3;justify-content:center;width:100%}.timeline-card{grid-template-columns:1fr}.timeline-meta{border-right:0;border-bottom:1px solid var(--line-soft);padding-bottom:12px;padding-right:0}}@media (width<=760px){.topbar,.page-content{width:min(100% - 20px,1180px)}.topbar{padding-top:14px}.nav-links{justify-content:flex-start;gap:14px;padding-inline:14px;overflow-x:auto}.hero-copy,.profile-card,.metric-card,.focus-card,.story-card,.timeline-card,.project-body,.achievement-card,.skill-card,.contact-panel{padding:22px}.hero-copy h1,.contact-panel h2{max-width:none}.project-visual{min-height:200px}.contact-actions,.hero-actions{flex-direction:column;align-items:stretch}.button{width:100%}.contact-panel{text-align:center;flex-direction:column;align-items:center;gap:22px}.contact-panel p{max-width:28ch;margin-inline:auto}.contact-actions{width:min(100%,320px);margin-inline:auto}.contact-actions .button{padding-inline:18px}.contact-actions .button-primary{overflow-wrap:anywhere;line-height:1.35}}@media (width<=420px){.contact-panel{padding:20px}}@media (prefers-reduced-motion:reduce){.galaxy-canvas,.cursor-droplets{display:none}.button,.page-content,.loading-orb span{transition:none;animation:none}}