:root{--bg:#09090d;--panel:#15111e;--fg:#f2f0f7;--muted:#a7a1b5;--accent:#b995ef;--blue:#9a83d7;--line:#292333}
body{background:radial-gradient(ellipse 700px 550px at 85% 9%,#331c4b1a,transparent),var(--bg)}
#stars{opacity:.28}header{position:sticky;top:16px;margin:16px auto 0;max-width:1220px;width:calc(100% - 48px);border:1px solid #ffffff12;background:linear-gradient(110deg,#181320d9,#0f0d15eb);border-radius:18px;box-shadow:0 10px 40px #0004,inset 0 1px 0 #ffffff04;backdrop-filter:blur(20px)}
.nav-inner{height:70px;max-width:none;padding:0 25px}.brand{letter-spacing:-1.1px}nav a{color:#a9a3b6;font-size:12px}nav a:hover,nav a.active{color:#dec9fc}nav a:last-child{background:#baa0df;color:#1c112c;padding:9px 16px;border-radius:8px;margin:-9px 0}
.hero{min-height:650px;max-width:1220px;margin:auto;padding:45px 30px 60px;display:grid;grid-template-columns:1fr 1.08fr;gap:10px;text-align:left;overflow:hidden}.hero-inner{position:relative;z-index:1;padding-bottom:12px}.eyebrow{font-size:10px;color:#ad97cb;letter-spacing:.13em}.hero h1{font-size:clamp(44px,4.9vw,67px);font-weight:600;line-height:1.14;letter-spacing:-.055em;margin:27px 0}.hero h1 .accent{font-family:Georgia,serif;font-weight:400;font-style:italic;font-size:1.13em}.hero p{font-size:16px;line-height:1.9;margin:0 0 31px;color:#b4afc0}.hero-actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap}.hero-actions .solid{font-size:12px;gap:26px;padding:15px 22px}.hero .hero-more{font-size:12px;color:#c2b7d5;display:inline-flex;gap:10px;align-items:center}.hero .hero-more:hover{color:white}.hero-meta{justify-content:flex-start;color:#8c809c;font-size:10px;margin-top:24px}.live-dot{background:#c6a4f7;box-shadow:0 0 12px #bc95ef80}.down{left:30px;bottom:20px;opacity:.5;font-size:20px}.hero-visual{position:relative;min-width:0;height:540px;isolation:isolate}.hero-visual:before{content:'';position:absolute;inset:15%;border-radius:50%;background:radial-gradient(ellipse,#7540b92d,transparent 70%);filter:blur(15px);z-index:-1}.hero-visual canvas{width:100%;height:100%;display:block}.sphere-card{position:absolute;border:1px solid #b796dc26;background:linear-gradient(125deg,#2a2035dc,#14101de8);backdrop-filter:blur(15px);box-shadow:0 15px 40px #0005,inset 0 1px 0 #ffffff06;border-radius:12px;padding:16px 18px;display:flex;gap:13px;align-items:center;font-size:12px;color:#e0d6ee;min-width:185px}.sphere-card small{display:block;margin-top:3px;font-size:10px;color:#9e8daf}.sphere-card .card-icon{font-size:22px;color:#c5a3f0}.sphere-card.first{right:0;top:26%;transform:rotate(4deg)}.sphere-card.second{left:0;bottom:17%;transform:rotate(-5deg)}
main{max-width:1120px}.heading{font-size:39px;font-weight:700;letter-spacing:-1.6px}.heading span:after{height:1px;background:linear-gradient(90deg,transparent,#ac80e6,transparent);width:100%;left:0;bottom:-17px}.about-note{border-color:#9574bf}.about-copy strong{color:#e3d4f5}.identity{background:radial-gradient(ellipse,#35234333,transparent 65%)}.avatar{filter:drop-shadow(0 0 16px #9a63d021)}.avatar stop:first-child{stop-color:#8869bc}.avatar stop:last-child{stop-color:#d4b3f3}.interests{border:1px solid #ffffff0c;border-radius:14px;background:linear-gradient(110deg,#17121d99,#100e16aa);overflow:hidden}.interest+.interest{border-color:#ffffff0b}.interest b{color:#d6cee2}.interest span{color:#93869f}.lab{border-color:#b296cb23;border-radius:18px;background:radial-gradient(ellipse at center,#352344 0%,#17121f 48%,#100e16 80%);box-shadow:0 20px 60px #0003}.orb{border-color:#b296d8;box-shadow:0 0 70px #9866c92b,inset 0 0 45px #ae7cde21}.orb i{border-color:#b48bd355}.orb:after{color:#e6d1fb;text-shadow:0 0 40px #b08adf}.tag{border-color:#9d75ca44;background:#aa80d80a;border-radius:30px;color:#c0a0e7;font-size:9px;padding:7px 12px}.solid{color:#21152f;background:linear-gradient(115deg,#d8c0f4,#ac86da);border:1px solid #ffffff21;border-radius:8px;box-shadow:0 0 24px #b17be616;transition:box-shadow .2s,transform .2s}.solid:hover{background:linear-gradient(115deg,#e0ccf8,#bc95e9);box-shadow:0 0 30px #b17be632;transform:translateY(-2px)}.outline{border-width:1px;border-color:#9571b84d;background:#21172b40;border-radius:9px;color:#decaef}.outline:hover{background:#342442}.model{border:1px solid #b097c31c;background:linear-gradient(140deg,#1c1625b3,#110e18d9);border-radius:12px}.model:hover{border-color:#b994df66;box-shadow:0 8px 30px #a76ede0c}.model .symbol{color:#b79acf}.contact{padding-top:110px}.contact-main .outline{padding:15px 30px}.contact .heading{margin-bottom:43px}footer{background:#09080d}.toast{color:#22152e;background:#cfb3ec}
@media(min-width:1450px){.hero{min-height:730px}.hero-visual{height:610px}.hero h1{font-size:70px}}
@media(max-width:950px){.hero{min-height:580px;padding:40px 30px;grid-template-columns:1.05fr 1fr}.hero h1{font-size:47px}.hero-visual{height:430px}.sphere-card{min-width:150px;padding:13px;font-size:10px;gap:9px}.sphere-card small{font-size:9px}.sphere-card.first{right:0;top:22%}.sphere-card.second{left:0;bottom:15%}.hero p{font-size:14px}.hero-actions{gap:20px}.hero-actions .solid{padding:13px 16px;gap:16px}.hero .hero-more{font-size:11px}.eyebrow{font-size:9px}.nav-inner{padding:0 20px}nav{gap:23px}}
@media(max-width:680px){header{width:calc(100% - 24px);top:10px;margin-top:10px;border-radius:13px}.nav-inner{padding:0 15px;height:62px}.brand{font-size:20px}nav{gap:16px}nav a{font-size:10px}nav a:last-child{padding:7px 10px;margin:-7px 0}.hero{grid-template-columns:1fr;padding:55px 25px 20px;gap:0;min-height:0}.hero h1{font-size:clamp(42px,8.8vw,58px);max-width:560px;margin:22px 0}.hero p{font-size:14px}.hero-inner{padding-bottom:0}.hero-meta{margin-top:22px}.hero-visual{height:370px;max-width:480px;width:100%;margin:-5px auto 0}.sphere-card.first{top:24%;right:0}.sphere-card.second{bottom:18%;left:0}.down{display:none}.hero-actions .solid{font-size:12px}.hero .hero-more{font-size:12px}.eyebrow{font-size:9px;letter-spacing:.08em}.heading{font-size:33px}.contact{padding-top:75px}section{padding-top:65px}.interest b{font-size:11px}.interest span{font-size:8px}footer{font-size:9px}footer span:last-child{max-width:125px;text-align:right}}
@media(prefers-reduced-motion:reduce){.solid:hover{transform:none}}
.hero-visual canvas{cursor:grab;touch-action:pan-y;-webkit-tap-highlight-color:transparent;border-radius:20px}.hero-visual canvas.dragging{cursor:grabbing}.hero-visual canvas:focus-visible{outline:1px solid #b995ef99;outline-offset:-12px}.sphere-card{pointer-events:none}.sphere-help{position:absolute;bottom:0;left:0;right:0;text-align:center;font:9px 'IBM Plex Mono',monospace;color:#a18bb9;letter-spacing:.02em;pointer-events:none}.sphere-help:before{content:'↔';margin-right:8px;color:#c4a1ec}@media(max-width:680px){.sphere-help{font-size:8px;bottom:12px}}
.hero .sphere-help{font:9px/1.6 'IBM Plex Mono',monospace;color:#a18bb9;margin:0;bottom:8px;max-width:none;padding:0 8px}@media(max-width:680px){.hero .sphere-help{font-size:8px;bottom:8px}}
.hero-visual canvas{touch-action:none}
.personal-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.personal-grid>div{padding:0 0 0 22px;border-left:1px solid #b995ef3b}.personal-grid h3{font-size:25px;line-height:1.35;letter-spacing:-.7px;font-weight:600;margin:17px 0 13px}.personal-grid p{color:#a7a1b5;font-size:14px;line-height:1.8;margin:0;max-width:400px}.learning-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.learning-grid article{padding:26px 20px;border:1px solid #b097c31c;background:linear-gradient(140deg,#1c1625b3,#110e18d9);border-radius:12px}.skill-mark{display:flex;align-items:center;justify-content:center;width:48px;height:48px;font:16px 'IBM Plex Mono',monospace;color:#ccb0ef;background:#b995ef0b;border:1px solid #b995ef23;border-radius:10px}.learning-grid h3{font-size:18px;margin:21px 0 5px}.learning-grid p{font-size:11px;color:#a7a1b5;margin:0}.learning-note{text-align:center;font-size:12px;color:#8e829f;margin:19px 0 0}.release-note{padding:0 0 0 17px;border-left:1px solid #b995ef50;margin:0 0 25px}.project-copy .release-note p{font-size:13px;line-height:1.8;margin:9px 0 0}.project-copy h3{margin-top:0}.hero h1{line-height:1.12}.short-about{padding-top:65px}@media(max-width:680px){.personal-grid{grid-template-columns:1fr;gap:30px}.personal-grid h3{font-size:23px}.learning-grid{grid-template-columns:1fr 1fr;gap:12px}.learning-grid article{padding:22px 17px}.learning-grid p{font-size:10px}.hero h1{font-size:60px}.short-about{padding-top:40px}}