*{box-sizing:border-box}:root{color-scheme:dark;--text: #eef2ff;--muted: #9ca7bd;--accent: #a6f7c8;--accent-2: #89c8ff}html,body,#root{margin:0;width:100%;min-height:100%;font-family:Inter,Arial,Helvetica,sans-serif;background:radial-gradient(circle at center,#0b1120,#05070c,#020308);color:var(--text)}body{overflow:hidden}button{font:inherit}.orbital-page{position:relative;width:100vw;height:100vh;overflow:hidden;background:radial-gradient(circle at 20% 20%,rgba(137,200,255,.08),transparent 18%),radial-gradient(circle at 78% 26%,rgba(166,247,200,.08),transparent 20%),radial-gradient(circle at 48% 82%,rgba(130,120,255,.08),transparent 24%),linear-gradient(180deg,#05070c,#060913 55%,#03050a)}.bg-noise{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.25;pointer-events:none;background-image:radial-gradient(2px 2px at 20px 30px,rgba(255,255,255,.7),transparent 50%),radial-gradient(1.5px 1.5px at 140px 90px,rgba(255,255,255,.6),transparent 50%),radial-gradient(2px 2px at 260px 160px,rgba(255,255,255,.55),transparent 50%),radial-gradient(1.5px 1.5px at 420px 60px,rgba(255,255,255,.5),transparent 50%),radial-gradient(2px 2px at 640px 240px,rgba(255,255,255,.55),transparent 50%),radial-gradient(1.5px 1.5px at 920px 150px,rgba(255,255,255,.45),transparent 50%);background-repeat:repeat;animation:driftStars 80s linear infinite}.bg-glow{position:absolute;border-radius:50%;filter:blur(80px);opacity:.18;pointer-events:none}.glow-1{width:380px;height:380px;left:8%;top:8%;background:#89c8ff8c;animation:floatGlow 18s ease-in-out infinite}.glow-2{width:420px;height:420px;right:8%;bottom:10%;background:#a6f7c873;animation:floatGlow 22s ease-in-out infinite reverse}.scene{position:relative;width:100%;height:100%}.intro{position:absolute;left:48px;top:42px;width:min(380px,calc(100vw - 96px));z-index:3}.eyebrow{margin:0 0 12px;text-transform:uppercase;letter-spacing:.28em;font-size:.75rem;color:var(--accent)}.intro h1{opacity:0;transform:translateY(20px);animation:fadeUp 1s ease forwards;animation-delay:.3s}.intro-text{opacity:0;transform:translateY(20px);animation:fadeUp 2s ease forwards;animation-delay:.6s}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.center-core{position:absolute;top:50%;left:50%;width:330px;height:330px;transform:translate(-50%,-50%);z-index:4}.core-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1px solid rgba(255,255,255,.08)}.core-ring-1{animation:spinCenter 26s linear infinite}.core-ring-2{top:14px;right:14px;bottom:14px;left:14px;border-color:#a6f7c82e;animation:spinCenterReverse 20s linear infinite}.core-ring-3{top:28px;right:28px;bottom:28px;left:28px;border-color:#89c8ff24;animation:spinCenter 18s linear infinite}.core-body{position:absolute;top:42px;right:42px;bottom:42px;left:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden;background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.24),transparent 18%),radial-gradient(circle at 50% 50%,#a6f7c829,#070c16f2 72%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 0 55px #a6f7c838,inset 0 0 40px #89c8ff1a;animation:pulseCore 4.8s ease-in-out infinite}.core-inner-shine{position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.08) 50%,transparent 65%);animation:sweep 7s linear infinite}.core-rm{position:relative;z-index:1;font-size:clamp(5rem,10vw,7rem);font-weight:800;letter-spacing:.02em;line-height:.9;display:flex;align-items:center;justify-content:center;min-height:1em}.core-role{position:relative;z-index:1;margin-top:8px;font-size:.78rem;text-transform:uppercase;letter-spacing:.28em;color:var(--muted);text-align:center}.orbit{position:absolute;top:50%;left:50%;width:500px;height:500px;transform:translate(-50%,-50%);border-radius:50%;border:1px dashed rgba(255,255,255,.08);z-index:1}.orbit-rotator{position:absolute;top:50%;left:50%;width:500px;height:500px;transform:translate(-50%,-50%);border-radius:50%;z-index:5;animation:orbitSpin 90s linear infinite}.orbit-slot{position:absolute;top:50%;left:50%;transform:rotate(var(--angle)) translateY(-220px);transform-origin:0 0}.orbit-upright{width:92px;height:92px;margin-left:-46px;margin-top:-46px;display:flex;align-items:center;justify-content:center;transform:rotate(calc(-1 * var(--angle)))}.orbit-item{width:92px;height:92px;padding:0;border:none;background:transparent;cursor:pointer;animation:orbitCounterSpin 90s linear infinite}.orbit-item-inner{width:100%;height:100%;border-radius:28px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 16px 36px #00000047;transition:transform .28s ease,background .28s ease,border-color .28s ease,box-shadow .28s ease}.orbit-item:hover .orbit-item-inner{transform:scale(1.06);background:#ffffff1f;border-color:#a6f7c866;box-shadow:0 0 30px #a6f7c833,0 20px 50px #0006}.orbit-item-icon{font-size:1.15rem;color:var(--accent);line-height:1}.orbit-item-label{font-size:.76rem;font-weight:700;color:#eef2ff;text-align:center;line-height:1.1;padding:0 8px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:16px;background:#03060ca8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.overlay-card{position:relative;width:min(720px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow-y:auto;padding:34px;border-radius:30px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#ffffff17,#ffffff0d);box-shadow:0 24px 80px #0000006b,0 0 40px #89c8ff14}.overlay-close{position:absolute;top:16px;right:16px;width:42px;height:42px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#ffffff0f;color:#fff;font-size:1.5rem;cursor:pointer}.overlay-kicker{margin:0 0 10px;font-size:.74rem;text-transform:uppercase;letter-spacing:.26em;color:var(--accent)}.overlay-card h2{margin:0 0 16px;font-size:clamp(2.2rem,4vw,3.4rem);line-height:1.02;letter-spacing:-.04em}.overlay-copy{margin:0;color:var(--muted);line-height:1.85;max-width:56ch}.overlay-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.overlay-btn{padding:12px 18px;border-radius:999px;cursor:pointer;color:#fff}.overlay-btn-primary{border:none;color:#071018;font-weight:700;background:linear-gradient(135deg,var(--accent),var(--accent-2))}.overlay-btn-secondary{border:1px solid rgba(255,255,255,.12);background:#ffffff0f}.orbit-item-label,.orbit-item-icon{transform:rotate(0);writing-mode:horizontal-tb}.center-core:hover .core-body{transform:scale(1.03);transition:.4s}@keyframes orbitSpin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes orbitCounterSpin{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes spinCenter{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinCenterReverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes pulseCore{0%,to{transform:scale(1);box-shadow:0 0 55px #a6f7c838,inset 0 0 40px #89c8ff1a}50%{transform:scale(1.025);box-shadow:0 0 74px #a6f7c847,inset 0 0 50px #89c8ff24}}@keyframes sweep{0%{transform:translate(-55%) rotate(18deg)}to{transform:translate(55%) rotate(18deg)}}@keyframes floatGlow{0%,to{transform:translateZ(0)}50%{transform:translate3d(18px,-16px,0)}}@keyframes driftStars{0%{transform:translateY(0)}to{transform:translateY(-36px)}}@media (max-width: 1100px){.center-core{width:290px;height:290px}.orbit,.orbit-rotator{width:440px;height:440px}.orbit-slot{transform:rotate(var(--angle)) translate(220px)}.orbit-item{width:84px;height:84px;margin-left:-42px;margin-top:-42px}}@media (max-width: 900px){body{overflow:auto}.orbital-page{min-height:100vh;height:auto;padding:32px 0 64px}.scene{display:flex;flex-direction:column;align-items:center;gap:28px;padding:0 20px}.intro{position:static;width:100%;max-width:680px;text-align:center}.center-core{position:relative;top:auto;left:auto;transform:none;width:250px;height:250px}.orbit,.orbit-rotator{position:static;transform:none;width:100%;height:auto;border:none;animation:none}.orbit-slot{position:static;width:auto;height:auto;transform:none}.orbit-rotator{display:grid;grid-template-columns:repeat(3,minmax(92px,1fr));gap:14px;max-width:520px}.orbit-item{width:100%;height:96px;margin:0;animation:none}}@media (max-width: 560px){.intro h1{font-size:1.8rem}.core-rm{font-size:4.2rem}.core-role{font-size:.68rem;letter-spacing:.2em}.overlay-card{padding:26px}.orbit-rotator{grid-template-columns:repeat(2,minmax(110px,1fr))}}.grid{display:grid;gap:12px;margin-top:20px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.card{padding:16px;border-radius:14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);text-align:center}.btn{padding:12px;border-radius:10px;border:none;background:#a6f7c8;cursor:pointer}.link{display:inline-block;margin-top:15px;color:#a6f7c8}.projects-grid{display:grid;gap:18px;margin-top:18px}.project-card{padding:22px;border-radius:22px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);box-shadow:0 12px 30px #00000038}.project-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.project-tag,.project-year{font-size:.72rem;text-transform:uppercase;letter-spacing:.18em;color:#a6f7c8}.project-card h3{margin:0 0 10px;font-size:1.2rem;letter-spacing:-.02em}.tech-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.tech-list span{padding:8px 12px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);font-size:.82rem;color:#d7deee}.project-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.project-link{display:inline-flex;align-items:center;justify-content:center;padding:11px 16px;border-radius:999px;text-decoration:none;background:linear-gradient(135deg,#a6f7c8,#89c8ff);color:#071018;font-weight:700}.project-link.secondary{background:#ffffff0f;color:#fff;border:1px solid rgba(255,255,255,.12)}.stack-wrapper{display:flex;flex-direction:column;gap:20px;margin-top:12px}.stack-group h3{margin-bottom:10px;font-size:1rem;letter-spacing:-.01em}.stack-items{display:flex;flex-wrap:wrap;gap:10px}.stack-items span{padding:8px 14px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);font-size:.8rem;color:#d7deee;transition:.25s}.stack-items span:hover{background:#ffffff1a;border-color:#a6f7c84d;transform:translateY(-2px)}.about-wrapper{display:flex;flex-direction:column;gap:18px;margin-top:10px}.about-intro{color:#9ca7bd;line-height:1.8;max-width:60ch}.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-top:10px}.about-card{padding:16px;border-radius:16px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);transition:.3s}.about-card h4{margin:0 0 8px;font-size:.95rem}.about-card p{margin:0;font-size:.85rem;color:#cbd3e6}.about-card:hover{transform:translateY(-4px);background:#ffffff17;border-color:#a6f7c84d}.exp-wrapper{display:flex;flex-direction:column;gap:18px;margin-top:12px}.exp-card{padding:20px;border-radius:18px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);transition:.3s}.exp-card:hover{transform:translateY(-4px);background:#ffffff17;border-color:#a6f7c84d}.exp-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.exp-top h3{margin:0;font-size:1rem}.exp-top span{font-size:.75rem;color:#a6f7c8;letter-spacing:.1em}.exp-list{margin-top:12px;padding-left:16px;color:#cbd3e6;font-size:.85rem}.exp-list li{margin-bottom:6px}.contact-wrapper{display:flex;flex-direction:column;gap:18px;margin-top:10px}.contact-intro{color:#9ca7bd;line-height:1.7;max-width:60ch}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.contact-card{padding:16px;border-radius:14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}.contact-card span{font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;color:#a6f7c8}.contact-card p{margin-top:6px;font-size:.9rem;color:#e6ebff}.contact-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px}.contact-btn{padding:12px 18px;border-radius:999px;text-decoration:none;font-weight:600}.contact-btn.primary{background:linear-gradient(135deg,#a6f7c8,#89c8ff);color:#071018}.contact-btn.secondary{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#fff}.github-wrapper{display:flex;flex-direction:column;gap:18px;margin-top:10px}.github-intro{color:#9ca7bd;line-height:1.7;max-width:60ch}.github-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.github-card{padding:16px;border-radius:14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);text-align:center}.github-card span{font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;color:#a6f7c8}.github-card p{margin-top:6px;font-size:1.1rem;font-weight:600}.github-highlight{padding:16px;border-radius:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.github-highlight h4{margin-bottom:6px}.github-highlight p{color:#cbd3e6;font-size:.9rem}.github-actions{display:flex;gap:12px;flex-wrap:wrap}.github-btn{padding:12px 18px;border-radius:999px;text-decoration:none;font-weight:600}.github-btn.primary{background:linear-gradient(135deg,#a6f7c8,#89c8ff);color:#071018}.github-btn.secondary{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#fff}.linkedin-wrapper{display:flex;flex-direction:column;gap:18px;margin-top:10px}.linkedin-intro{color:#9ca7bd;line-height:1.7;max-width:60ch}.linkedin-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.linkedin-card{padding:16px;border-radius:14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}.linkedin-card span{font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;color:#0a66c2}.linkedin-card p{margin-top:6px;font-size:.9rem;color:#e6ebff}.linkedin-highlight{padding:16px;border-radius:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.linkedin-highlight p{color:#cbd3e6;font-size:.9rem}.linkedin-actions{display:flex;gap:12px;flex-wrap:wrap}.linkedin-btn{padding:12px 18px;border-radius:999px;text-decoration:none;font-weight:600}.linkedin-btn.primary{background:#0a66c2;color:#fff}.linkedin-btn.secondary{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#fff}.cv-wrapper{display:flex;flex-direction:column;gap:18px;margin-top:10px}.cv-intro{color:#9ca7bd;line-height:1.7;max-width:60ch}.cv-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.cv-card{padding:16px;border-radius:14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}.cv-card span{font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;color:#a6f7c8}.cv-card p{margin-top:6px;font-size:.95rem;color:#e6ebff}.cv-actions{display:flex;gap:12px;flex-wrap:wrap}.cv-btn{padding:12px 18px;border-radius:999px;text-decoration:none;font-weight:600}.cv-btn.primary{background:linear-gradient(135deg,#a6f7c8,#89c8ff);color:#071018}.cv-btn.secondary{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#fff}.life-wrapper{display:flex;flex-direction:column;gap:18px;margin-top:10px}.life-intro{color:#9ca7bd;line-height:1.7;max-width:60ch}.life-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px}.life-card{padding:18px;border-radius:18px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);text-align:center;transition:.3s}.life-card span{font-size:1.4rem}.life-card h4{margin:10px 0 6px;font-size:.95rem}.life-card p{font-size:.8rem;color:#cbd3e6}.life-card:hover{transform:translateY(-5px);background:#ffffff1a;border-color:#a6f7c84d}.orbit-item.is-active{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(1.4);z-index:999;transition:all .6s cubic-bezier(.22,1,.36,1)}.orbit-item.is-dimmed{opacity:0;transform:scale(.8);transition:.3s ease}.flying-app{position:fixed;z-index:1200;pointer-events:none;transform:translate(0) scale(1);opacity:1;transition:left .62s cubic-bezier(.22,1,.36,1),top .62s cubic-bezier(.22,1,.36,1),width .62s cubic-bezier(.22,1,.36,1),height .62s cubic-bezier(.22,1,.36,1),transform .62s cubic-bezier(.22,1,.36,1),opacity .4s ease}.flying-app.to-center{left:calc(50vw - 70px)!important;top:calc(50vh - 70px)!important;width:140px!important;height:140px!important;transform:scale(1.2)}.flying-inner{width:100%;height:100%;border-radius:34px;background:#ffffff24;border-color:#a6f7c88c;box-shadow:0 0 40px #a6f7c838,0 22px 60px #00000073}.scene.is-focusing .orbit-rotator{animation-play-state:paused}.scene.is-focusing .center-core{filter:blur(1px);opacity:.7;transition:.35s ease}.scene.is-focusing .orbit{opacity:.25;transition:.35s ease}.orbit-item.is-dimmed{opacity:.08;filter:blur(2px);pointer-events:none;transition:.35s ease}.orbit-item.is-active{opacity:0}.flying-app.is-hidden{opacity:0;transform:scale(.92)}@media (max-width: 1024px){.orbit,.orbit-rotator{width:380px;height:380px}.orbit-slot{transform:rotate(var(--angle)) translate(190px)}.orbit-upright{width:78px;height:78px;margin-left:-39px;margin-top:-39px}.orbit-item-label{font-size:.7rem}.core-body{transform:scale(.9)}}@media (max-width: 768px){.scene{padding-top:60px}.intro{text-align:center;padding:0 20px}.intro h1{font-size:1.8rem}.orbit,.orbit-rotator{width:280px;height:280px}.orbit-slot{transform:rotate(var(--angle)) translate(140px)}.orbit-upright{width:64px;height:64px;margin-left:-32px;margin-top:-32px}.orbit-item-inner{border-radius:20px;gap:4px}.orbit-item-label{font-size:.65rem}.core-body{transform:scale(.75)}}@media (max-width: 480px){.orbit,.orbit-rotator{width:240px;height:240px}.orbit-slot{transform:rotate(var(--angle)) translate(120px)}.orbit-upright{width:56px;height:56px;margin-left:-28px;margin-top:-28px}.orbit-item-label{font-size:.6rem}.core-body{transform:scale(.65)}.overlay-card{width:92%;padding:20px}}@media (max-width: 768px){.orbit-rotator{animation-duration:140s}}@media (max-width: 768px){body{overflow-y:auto;overflow-x:hidden}.orbital-page{min-height:100vh;height:auto;padding:24px 0 48px}.scene{display:flex;flex-direction:column;align-items:center;gap:24px;padding:0 16px}.intro{position:static;width:100%;max-width:420px;text-align:center;margin-top:8px}.intro h1{font-size:1.6rem;line-height:1.1}.intro-text{font-size:.95rem;line-height:1.6;max-width:100%}.center-core{position:relative;top:auto;left:auto;transform:none;width:230px;height:230px;margin:0 auto}.core-body{top:30px;right:30px;bottom:30px;left:30px}.core-rm{font-size:4rem}.core-role{font-size:.7rem;letter-spacing:.18em}.orbit{display:none}.orbit-rotator{position:static;width:100%;height:auto;transform:none;animation:none;display:grid;grid-template-columns:repeat(2,minmax(130px,1fr));gap:14px;max-width:360px;margin:0 auto}.orbit-slot{position:static;width:auto;height:auto;transform:none}.orbit-upright{width:100%;height:auto;margin:0;transform:none;animation:none}.orbit-item{width:100%;height:96px;margin:0;animation:none;transform:none!important;opacity:1!important;filter:none!important}.orbit-item-inner{height:100%;border-radius:24px;gap:6px}.orbit-item-label{font-size:.78rem}.flying-app{pointer-events:none}.overlay{padding:16px}.overlay-card{width:100%;max-width:100%;padding:22px;border-radius:24px}.overlay-card h2{font-size:1.8rem}}@media (max-width: 480px){.orbit-rotator{grid-template-columns:repeat(2,minmax(120px,1fr));gap:12px;max-width:320px}.center-core{width:210px;height:210px}.core-rm{font-size:3.6rem}.orbit-item{height:88px}.orbit-item-label{font-size:.72rem}}.orbit-rotator,.orbit-upright,.orbit-slot{backface-visibility:hidden;transform-style:rotate(calc(var(--angle) * -1))}.overlay-card::-webkit-scrollbar{width:8px}.overlay-card::-webkit-scrollbar-track{background:transparent}.overlay-card::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:999px}