*{box-sizing:border-box}:root{color-scheme:light;--bg: #ffffff;--bg-soft: #f6f9ff;--text: #0f1f3d;--muted: #4d638d;--accent: #5f76ff;--accent-2: #46d7ff;--line: #aec6ef;--glass-bg: linear-gradient(135deg, #ffffff33 0%, #ffffff14 100%);--glass-border: #ffffff4d;--glass-shadow: 0 8px 32px #0000005e;--max-width: 1160px}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text)}body:before,body:after{content:none}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;overflow-x:clip}.section{position:relative;isolation:isolate;padding:8.5rem 1.25rem 6rem}.section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1}.hero-section{min-height:100vh;display:grid;align-items:center}.about-section:before,.work-section:before,.footer-section:before{border-top:1px solid color-mix(in srgb,var(--line) 62%,#ffffff)}.hero-layout,.about-grid,.work-content,.contact-box{width:min(var(--max-width),100%);margin:0 auto}.top-nav-wrap{position:fixed;top:0;left:0;right:0;z-index:60;padding:1rem 1rem 0}.top-nav{width:min(var(--max-width),100%);margin:0 auto;border-radius:999px;min-height:64px;padding:0 1.3rem;display:flex;align-items:center;justify-content:space-between;gap:1.2rem}.glass-panel,.top-nav,.hero-visual,.visual-card,.highlight-card,.project-card,.contact-box{background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:var(--glass-shadow)}.brand{font-weight:700;letter-spacing:.06em;text-transform:uppercase;display:inline-flex;align-items:center;gap:.35rem}.brand-dot{width:.55rem;height:.55rem;border-radius:50%;background:linear-gradient(130deg,var(--accent-2),var(--accent))}.nav-links{list-style:none;display:flex;align-items:center;gap:1rem;margin:0;padding:0}.nav-links a{color:#2d4067;font-size:.94rem;padding:.45rem .65rem;border-radius:999px;border:1px solid transparent;transition:border-color .22s ease,color .22s ease}.nav-links a:hover{border-color:#7b99d460;color:#12264e;background:#ffffff94}.hero-layout{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:clamp(1rem,4vw,4rem)}.hero-copy{max-width:690px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.76rem;color:#5f75a5;margin:0 0 1rem}h1,h2,h3,p{margin:0}h1{font-size:clamp(2.1rem,5.4vw,4.45rem);line-height:1.08;letter-spacing:-.03em}h2{font-size:clamp(1.5rem,3.6vw,2.8rem);line-height:1.16;letter-spacing:-.02em}h3{font-size:1.24rem}p{color:var(--muted);line-height:1.7}.hero-copy p{margin-top:1.2rem;max-width:58ch}.hero-actions{margin-top:2rem;display:flex;flex-wrap:wrap;gap:.8rem}.btn{border-radius:999px;padding:.72rem 1.2rem;font-size:.92rem;border:1px solid var(--glass-border);transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease;box-shadow:0 10px 24px #8aa2d033}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(120deg,#59d4ff,var(--accent));color:#081833;border-color:#d9f6ff}.btn-ghost{color:#1f3661;background:#ffffff82}.hero-visual{justify-self:center;width:min(340px,85vw);aspect-ratio:1 / 1;border-radius:1.1rem;position:relative;overflow:hidden}.hero-profile-image{width:100%;height:100%;object-fit:contain;object-position:center;display:block;padding:10px;border-radius:24px}.visual-dot{position:absolute;top:1.05rem;right:1.05rem;width:.65rem;height:.65rem;border-radius:50%;background:linear-gradient(120deg,var(--accent-2),var(--accent))}.visual-line{position:absolute;left:1.2rem;right:1.2rem;top:26%;height:1px;background:#7d95bf63}.visual-ring{position:absolute;width:56%;aspect-ratio:1 / 1;left:22%;top:20%;border-radius:50%;border:1px solid #9dbbff7d;background:radial-gradient(circle,#ffffff85 0%,#ffffff1c 45%,transparent 80%)}.visual-card{position:absolute;left:1rem;right:1rem;bottom:1rem;border-radius:.8rem;border-color:#ffffff80;color:#1f3661;padding:.9rem;text-align:center;font-size:.95rem}.hero-glow{position:absolute;border-radius:999px;filter:blur(8px);z-index:-1}.hero-glow-a{width:360px;height:360px;top:6%;left:-140px;background:radial-gradient(circle,#6be0ff66 0%,#6be0ff0a 65%,transparent 100%)}.hero-glow-b{width:260px;height:260px;right:-40px;bottom:3%;background:radial-gradient(circle,#8495ff4a 0%,#8495ff10 68%,transparent 100%)}.hero-orb{position:absolute;border-radius:50%;pointer-events:none;z-index:-1}.hero-orb-a{width:130px;height:130px;right:26%;top:17%;background:radial-gradient(circle,#ffffffb8 0%,#b6ddff73 46%,#b6ddff00 82%);box-shadow:0 0 42px #87b3ff47}.hero-orb-b{width:96px;height:96px;left:45%;bottom:10%;background:radial-gradient(circle,#d8f8ffde 0%,#93dfff8f 42%,#93dfff00 80%);box-shadow:0 0 38px #69dfff4a}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.1rem,3vw,2rem)}.about-copy p{margin-top:1rem;max-width:62ch}.about-highlights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.highlight-card{border-radius:1rem;padding:1.1rem}.highlight-card:last-child{grid-column:1 / -1}.highlight-card h3{margin-bottom:.55rem}.work-content{display:grid;gap:2rem}.section-head{max-width:760px}.section-head p{margin-top:1rem}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.project-card{border-radius:1rem;padding:1rem}.project-image{width:100%;aspect-ratio:16 / 10;border-radius:.82rem;background:linear-gradient(130deg,#ffffff7d 0%,#ffffff26 44%,transparent 100%),radial-gradient(circle at 18% 28%,#53d6ff8f 0%,#53d6ff26 40%,transparent 100%),radial-gradient(circle at 82% 70%,#8592ff80 0%,#8592ff1e 44%,transparent 100%),#dce8ff;border:1px solid #ffffffb0;margin-bottom:.9rem}.project-kicker,.project-stack{font-size:.8rem;letter-spacing:.06em;text-transform:uppercase}.project-kicker{color:#4a618e}.project-card h3{margin-top:.45rem}.project-card p{margin-top:.65rem}.project-stack{color:#5f76ff}.footer-section{padding-bottom:7rem}.contact-box{border-radius:1.2rem;padding:clamp(1.2rem,3.6vw,2.4rem)}.contact-box p{margin-top:1rem;max-width:62ch}.contact-box .btn{display:inline-flex;margin-top:1.4rem}.reveal{opacity:0;transform:translate3d(0,calc(32px + var(--parallax-offset, 0px)),0);transition:opacity .74s ease,transform .74s ease}.reveal.is-visible{opacity:1;transform:translate3d(0,var(--parallax-offset, 0px),0)}[data-parallax-speed]:not(.reveal){transform:translate3d(0,var(--parallax-offset, 0px),0);will-change:transform}@supports not (backdrop-filter: blur(1px)){.glass-panel,.top-nav,.hero-visual,.visual-card,.highlight-card,.project-card,.contact-box{background:#f5f9ff}}@media (max-width: 990px){.hero-layout,.about-grid{grid-template-columns:1fr}.project-grid{grid-template-columns:1fr 1fr}.hero-visual{justify-self:start;--parallax-offset: 0px;margin-top:2rem}.hero-orb-a{right:8%}}@media (max-width: 700px){.section{padding-top:7.4rem}.top-nav{border-radius:1rem;padding:.6rem .85rem;flex-direction:column;align-items:flex-start;gap:.55rem;min-height:auto}.nav-links{width:100%;justify-content:space-between;gap:.35rem;flex-wrap:wrap}.project-grid,.about-highlights{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.reveal,.btn,.nav-links a{transition:none}[data-parallax-speed]{transform:none}}