:root{--bg: #040814;--bg-soft: #091326;--panel: rgba(10, 18, 34, .66);--panel-border: rgba(157, 214, 255, .18);--text: #eef4ff;--muted: #98abc9;--accent: #8ce3ff;--accent-strong: #56c8ff;--warm: #ffb86b;--page-progress: 0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;font-family:Manrope,sans-serif;line-height:1.5;background:radial-gradient(circle at top,rgba(39,84,145,.28),transparent 32%),linear-gradient(180deg,#07101d,#040814 38%,#03050d);color:var(--text);overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.app-shell{position:relative;overflow:hidden;min-height:100vh}.space-background{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1}.stars,.stars:before,.stars:after{position:absolute;top:0;right:0;bottom:0;left:0;background-repeat:repeat;background-image:radial-gradient(circle,rgba(255,255,255,.9) 0 1px,transparent 1.5px),radial-gradient(circle,rgba(140,227,255,.8) 0 1px,transparent 1.5px),radial-gradient(circle,rgba(255,184,107,.7) 0 1px,transparent 1.5px);background-size:280px 280px,360px 360px,420px 420px;animation:drift 30s linear infinite;content:""}.stars-a{opacity:.38}.stars-b,.stars-b:before,.stars-b:after{opacity:.2;animation-duration:42s}.stars:before{transform:translateY(-80px)}.stars:after{transform:translate(120px)}.nebula,.planet{position:absolute;border-radius:999px;filter:blur(1px)}.nebula{width:34rem;height:34rem;opacity:.28}.nebula-left{top:6%;left:-10%;background:radial-gradient(circle,rgba(86,200,255,.45),transparent 65%)}.nebula-right{top:44%;right:-12%;background:radial-gradient(circle,rgba(255,111,145,.3),transparent 65%)}.planet-main{width:20rem;height:20rem;top:14%;right:7%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.38),transparent 18%),radial-gradient(circle at 60% 45%,#56c8ff,#133254 68%,#08131f);box-shadow:0 0 80px #56c8ff3d}.planet-small{width:9rem;height:9rem;top:66%;left:10%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.28),transparent 18%),radial-gradient(circle at 55% 45%,#ffb86b,#63391a 72%,#160c06);box-shadow:0 0 45px #ffb86b2e}.site-header{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;gap:1.25rem;padding:1.2rem clamp(1.25rem,4vw,3.5rem);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(180deg,#040814bd,#04081438);border-bottom:1px solid rgba(140,227,255,.08)}.brand,.site-header nav a{font-family:Space Grotesk,sans-serif;letter-spacing:.04em}.site-header nav{display:flex;gap:1rem;align-items:center;justify-content:flex-end;text-transform:capitalize;color:var(--muted)}main{width:min(1180px,calc(100% - clamp(2rem,7vw,7rem)));margin:0 auto;padding:0 0 6rem}section{padding:4rem 0}.hero-section{min-height:calc(100vh - 5rem);display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(2rem,4vw,4.5rem);align-items:center;padding-top:3rem}.hero-copy{max-width:36rem}.hero-copy h1,.section-heading h2,.project-card h3{font-family:Space Grotesk,sans-serif}.eyebrow{margin:0 0 1rem;color:var(--accent);letter-spacing:.18em;text-transform:uppercase;font-size:.75rem}.hero-copy h1{margin:0;font-size:clamp(3rem,7vw,6.2rem);line-height:.95;max-width:11ch}.hero-copy h1 span{color:#eef4ffc2}.hero-text,.section-copy,.project-card p,.intro-panel p,.highlight-panel p{color:var(--muted);line-height:1.75}.hero-text{max-width:42rem;margin:1.5rem 0 0;font-size:1.05rem}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}.primary-link,.secondary-link,.contact-form button{border-radius:999px;padding:.95rem 1.4rem;border:1px solid rgba(140,227,255,.22);transition:transform .18s ease,border-color .18s ease,background .18s ease}.primary-link,.contact-form button{background:linear-gradient(135deg,#56c8fff2,#8ce3ffc7);color:#03111c;font-weight:800}.secondary-link{background:#ffffff08}.primary-link:hover,.secondary-link:hover,.contact-form button:hover{transform:translateY(-2px);border-color:#8ce3ff6b}.hero-orbit{position:relative;min-height:32rem}.core-sphere{position:absolute;inset:50% auto auto 50%;width:13rem;height:13rem;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.9),transparent 16%),radial-gradient(circle at 55% 55%,#8ce3ffd9,#1f4e83bf 62%,#07101d);box-shadow:0 0 65px #56c8ff47}.orbit-ring{position:absolute;inset:50% auto auto 50%;border:1px solid rgba(140,227,255,.18);border-radius:50%;transform:translate(-50%,-50%)}.ring-one{width:20rem;height:20rem;animation:rotate 18s linear infinite}.ring-two{width:28rem;height:28rem;animation:rotateReverse 26s linear infinite}.signal-card{position:absolute;padding:1rem 1.2rem;width:min(16rem,65%);background:#07101da8;border:1px solid rgba(140,227,255,.16);border-radius:1rem;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--text)}.signal-top{top:4rem;right:0}.signal-bottom{bottom:4rem;left:1rem;width:min(19rem,72%)}.pretext-object{position:absolute;width:13.125rem;filter:drop-shadow(0 18px 34px rgba(0,0,0,.28))}.pretext-object svg{display:block;width:100%;overflow:visible}.pretext-object-panel{fill:#07101db8;stroke:#8ce3ff3d;stroke-width:1}.pretext-object-node{fill:var(--warm);filter:drop-shadow(0 0 8px rgba(255,184,107,.58))}.pretext-object-path{stroke:#8ce3ff85;stroke-width:1;stroke-dasharray:4 5}.pretext-object-label{fill:var(--accent);font-family:Space Grotesk,sans-serif;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase}.pretext-object-line{fill:#eef4ffd1;font-family:Manrope,sans-serif;font-size:.875rem;font-weight:600}.pretext-object-a{top:.5rem;left:.75rem;transform:rotate(-7deg)}.pretext-object-b{top:13rem;right:-1rem;transform:rotate(6deg)}.pretext-object-c{right:1.25rem;bottom:.25rem;transform:rotate(-4deg)}.section-heading{max-width:42rem;margin-bottom:2rem}.section-heading h2{margin:0;font-size:clamp(2rem,4vw,3.4rem);line-height:1.05}.about-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:1.25rem;align-items:stretch}.glass-panel{background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:1.6rem;padding:1.4rem;box-shadow:0 22px 70px #03081257}.glass-panel>:first-child{margin-top:0}.glass-panel>:last-child{margin-bottom:0}.intro-panel{min-height:15rem}.stat-panel{display:grid;gap:1rem}.stat-item strong{display:block;font-size:1.8rem;font-family:Space Grotesk,sans-serif}.stat-item span{color:var(--muted)}.highlight-panel{grid-column:1 / -1;display:grid;gap:.75rem}.principles-panel{grid-column:1 / -1;display:grid;gap:1rem}.principle-item strong{display:block;margin-bottom:.35rem}.principle-item p{margin:0;color:var(--muted);line-height:1.7}.education-panel{grid-column:1 / -1;display:grid;gap:.6rem}.panel-label{margin:0;color:var(--accent);text-transform:uppercase;letter-spacing:.14em;font-size:.72rem}.project-list{display:grid;gap:1.5rem}.project-card{display:grid;grid-template-columns:minmax(4.5rem,7rem) minmax(0,1.15fr) minmax(16rem,.85fr);gap:1.5rem;align-items:start;padding:1.6rem;border:1px solid rgba(140,227,255,.16);border-radius:1.6rem;background:linear-gradient(135deg,#080f1be0,#0c172c94),#080f1bb3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transform:translateY(var(--card-offset))}.project-index{font-size:2rem;color:#8ce3ffad;font-family:Space Grotesk,sans-serif;line-height:1;padding-top:.2rem}.project-category{color:var(--accent);text-transform:uppercase;letter-spacing:.14em;font-size:.72rem}.tag-row{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}.tag-row span,.skill-chip,.skills-core{border:1px solid rgba(140,227,255,.18);background:#ffffff0a}.tag-row span{padding:.45rem .8rem;border-radius:999px;color:var(--text)}.project-impact{max-width:22rem;margin:0;font-family:Space Grotesk,sans-serif;line-height:1.45}.project-side{display:grid;gap:.8rem;justify-items:start;max-width:22rem}.project-reasoning{margin:0;color:var(--muted);line-height:1.7;font-size:.95rem}.skills-section{min-height:46rem}.skills-layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:2rem;align-items:center}.skills-orbit{position:relative;height:28rem;width:min(30rem,100%);margin:3rem auto 0}.skill-chip,.skills-core{position:absolute;left:50%;top:50%;border-radius:999px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.skill-chip{padding:.75rem 1rem;white-space:nowrap;transform-origin:center 170px}.skills-core{transform:translate(-50%,-50%);width:8rem;height:8rem;display:grid;place-items:center;font-family:Space Grotesk,sans-serif;font-size:1.25rem;background:radial-gradient(circle,#56c8ff61,#07101df0)}.skills-groups{display:grid;gap:1rem;align-content:start}.skill-group-card .tag-row span,.learning-panel .tag-row span{color:var(--text)}.learning-panel{margin-top:1.5rem}.contact-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:1.25rem;align-items:stretch}.contact-card{display:grid;gap:.8rem;align-content:start;min-height:100%}.contact-card p,.contact-card span{color:var(--muted)}.contact-card a{font-family:Space Grotesk,sans-serif;font-size:1.2rem}.contact-form{display:grid;gap:1rem;padding:1.5rem;border-radius:1.6rem;background:#080f1bd1;border:1px solid rgba(140,227,255,.16);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.contact-form label:first-child,.contact-form label:nth-child(2){min-width:0}.contact-form label{display:grid;gap:.45rem;color:var(--muted)}.contact-form input,.contact-form textarea{width:100%;padding:.95rem 1rem;border-radius:1rem;border:1px solid rgba(140,227,255,.14);background:#ffffff08;color:var(--text);resize:vertical}.contact-form input:focus,.contact-form textarea:focus{outline:1px solid rgba(140,227,255,.48);border-color:#8ce3ff7a}.contact-form button:disabled{opacity:.72;cursor:wait}.form-status{margin:0}.form-status.success{color:#90f2a2}.form-status.error{color:#ff8f99}[data-reveal]{opacity:0;transform:translateY(48px) scale(.98);transition:opacity .7s ease,transform .7s ease}[data-reveal].revealed{opacity:1;transform:translateY(0) scale(1)}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes rotateReverse{0%{transform:translate(-50%,-50%) rotate(360deg)}to{transform:translate(-50%,-50%) rotate(0)}}@keyframes drift{0%{transform:translateY(0)}to{transform:translateY(80px)}}@media (max-width: 980px){main{width:min(100% - 2rem,100%)}.hero-section,.about-grid,.skills-layout,.contact-grid,.project-card{grid-template-columns:1fr}.hero-section{min-height:auto;padding-top:2rem}.hero-copy,.section-heading{max-width:none}.hero-orbit{min-height:26rem}.project-card{transform:none}.project-side,.project-impact{max-width:none}}@media (max-width: 720px){.site-header{flex-direction:column;gap:.8rem}.site-header nav{flex-wrap:wrap;justify-content:center}main{width:min(100% - 1.5rem,100%)}.hero-copy h1{max-width:none;line-height:1}.ring-two{width:22rem;height:22rem}.signal-card{position:static;width:100%;margin-top:1rem}.pretext-object{position:static;transform:none;width:min(100%,18rem)}.hero-orbit{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}.skills-orbit{height:auto;width:100%;display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem}.skill-chip,.skills-core{position:static;transform:none!important}.skills-core{width:auto;height:auto;padding:.75rem 1rem}.contact-form{padding:1.2rem}}
