:root{--bg:#05060a;--neon-red: #ff0000;--neon-red-60: rgba(255,0,0,.12);--muted: rgba(255,255,255,.75);--card-bg: rgba(255,255,255,.02);--ui-font: "Orbitron", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;--tag-font: "Saira Condensed", var(--ui-font);--neon-blue: #00a6ff;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(800px 400px at 10% 10%,rgba(255,0,0,.02),transparent),linear-gradient(180deg,#00040a,var(--bg));color:#e8f7ff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:var(--ui-font)}.page{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;align-items:stretch}.stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}.sun-stage{position:relative;width:640px;height:640px;display:flex;align-items:center;justify-content:center;margin:auto}.sun{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:40;pointer-events:none}.sun-img{width:200px;height:200px;border-radius:50%;object-fit:cover;border:6px solid rgba(255,255,255,.04);box-shadow:0 0 90px #f009,0 0 260px #ff00005c,inset 0 0 80px #f003;filter:drop-shadow(0 50px 140px rgba(255,0,0,.24));animation:pulse-red 2.6s ease-in-out infinite;transition:transform .14s ease,box-shadow .14s ease}.sun:hover .sun-img,.sun-img:hover{transform:scale(1.07);box-shadow:0 0 160px #f00c,0 0 350px #ff000094,inset 0 0 100px #ff000047}@keyframes pulse-red{0%{transform:scale(1);box-shadow:0 0 60px #ff000070,0 0 180px #ff00004d,inset 0 0 48px #ff00001f}50%{transform:scale(1.07);box-shadow:0 0 160px #f00c,0 0 350px #ff000094,inset 0 0 100px #ff000047}to{transform:scale(1);box-shadow:0 0 60px #ff000070,0 0 180px #ff00004d,inset 0 0 48px #ff00001f}}html,body,#root{max-width:100%;overflow-x:hidden}.page,.stage{overflow-x:hidden}.orbit-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.planet{position:absolute;left:50%;top:50%;transform-origin:center center;pointer-events:auto;z-index:20;animation-name:orbit;animation-duration:var(--duration, 28s);animation-timing-function:linear;animation-iteration-count:infinite;animation-play-state:running;transform:translate(-50%,-50%) rotate(var(--deg, 0deg)) translate(var(--radius, 220px)) rotate(calc(-1 * var(--deg, 0deg)));cursor:pointer}.planet:hover,.sun-stage.paused .planet{animation-play-state:paused}.orbit-card .card-inner{background:linear-gradient(180deg,#ffffff05,#ffffff03);border:1px solid rgba(255,45,85,.06);padding:12px;border-radius:12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:192px;transition:transform .22s ease,box-shadow .22s ease,border-color .18s ease}.planet:hover .card-inner{transform:scale(1.08);box-shadow:0 0 30px #007aff38,0 0 80px #007aff2e,0 0 160px #007aff1f,0 0 260px #007aff14;border:1px solid rgba(0,122,255,.6);animation:planet-pulse 1.8s ease-in-out infinite}@keyframes planet-pulse{0%{box-shadow:0 0 20px #007aff2e,0 0 60px #007aff24,0 0 120px #007aff14,0 0 200px #007aff0d;transform:scale(1.06)}50%{box-shadow:0 0 50px #007aff5c,0 0 120px #007aff47,0 0 240px #007aff33,0 0 350px #007aff1f;transform:scale(1.09)}to{box-shadow:0 0 20px #007aff2e,0 0 60px #007aff24,0 0 120px #007aff14,0 0 200px #007aff0d;transform:scale(1.06)}}.planet.faded{opacity:.18;pointer-events:none;filter:blur(.2px)}.planet.active{animation-play-state:paused!important;transform:translate(-50%,-50%)!important;z-index:70}.planet.active .orbit-card .card-inner{width:384px;padding:18px;border:1px solid rgba(0,166,255,.6);box-shadow:0 0 28px #00a6ff38,0 0 72px #00a6ff33,0 0 160px #00a6ff1f;animation:active-card-pulse 2s ease-in-out infinite;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}@keyframes orbit{0%{transform:translate(-50%,-50%) rotate(var(--deg, 0deg)) translate(var(--radius, 220px)) rotate(calc(-1 * var(--deg, 0deg)))}to{transform:translate(-50%,-50%) rotate(calc(var(--deg, 0deg) + (360deg * var(--dir, 1)))) translate(var(--radius, 220px)) rotate(calc(-1 * (var(--deg, 0deg) + (360deg * var(--dir, 1)))))}}.hero-name,.title,.chip,.stage-caption .title,.detail-card h3{font-family:var(--ui-font);letter-spacing:.04em;text-transform:uppercase}.hero-sub,.lead,.detail-text{font-family:var(--ui-font);font-weight:400;letter-spacing:.02em;text-transform:none}.tags{display:flex;flex-direction:column;gap:2px;align-items:flex-start;white-space:normal}.tags-line{display:inline-flex;gap:3px;flex-wrap:wrap;align-items:center;margin-top:0;padding-top:0}.tags-line+.tags-line{margin-top:-10px;padding-top:0}.tag:not(:first-child):before{content:"•";color:#ffffff38;margin-right:3px;font-size:14.4px;display:inline-block}.tag{font-family:var(--tag-font);background:transparent;padding:0;margin:0;color:var(--muted);font-size:15.6px;display:inline}.detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#020617bf;z-index:200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.detail-card{background:linear-gradient(180deg,#0a080cf5,#06060cfa);border:1px solid rgba(255,45,85,.08);padding:22px;border-radius:12px;width:min(720px,94%);position:relative;color:#fff3f8;box-shadow:0 40px 120px #ff2d5514}.detail-card .close-x{position:absolute;right:12px;top:10px;background:transparent;border:0;color:var(--neon-red);font-size:18px;cursor:pointer}.detail-card h3{margin:0 0 8px;font-family:var(--ui-font);color:#ffd7df}.detail-text{font-family:"Quantico",var(--ui-font);color:#ffffffe6;margin-bottom:12px}.detail-tags{display:flex;gap:8px;flex-wrap:wrap}.detail-overlay .detail-card{border-color:#00a6ff52!important;box-shadow:0 40px 120px #ff2d5514,0 0 32px #00a6ff33!important;animation:detail-border-pulse 2.4s ease-in-out infinite;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;z-index:220}.detail-overlay .detail-card{border-color:#00a6ff5c!important;box-shadow:0 60px 160px #00a6ff1f,0 0 48px #00a6ff42!important;animation:detail-border-pulse-strong 1.8s ease-in-out infinite!important;transition:border-color .12s ease,box-shadow .12s ease,transform .12s ease;z-index:220}@keyframes detail-border-pulse-strong{0%{border-color:#00a6ff2e;box-shadow:0 40px 120px #ff2d550f,0 0 12px #00a6ff1a;transform:translateY(0)}50%{border-color:#00a6ffd6;box-shadow:0 80px 220px #00a6ff42,0 0 120px #00a6ff7a;transform:translateY(-2px)}to{border-color:#00a6ff2e;box-shadow:0 40px 120px #ff2d550f,0 0 12px #00a6ff1a;transform:translateY(0)}}.stage-caption{text-align:center}.stage-caption .subtitle,.links a,.copyright{font-family:"Quantico",var(--ui-font);color:#917b7b}.footer{padding:18px 20px;display:flex;justify-content:space-between;align-items:center;color:var(--muted);border-top:1px solid rgba(255,255,255,.02)}.grid-canvas{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:1;--cell-size: 60px;background-image:linear-gradient(rgba(0,122,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,0,0,.03) 1px,transparent 1px);background-size:var(--cell-size) var(--cell-size),var(--cell-size) var(--cell-size);-webkit-backdrop-filter:blur(.6px);backdrop-filter:blur(.6px);animation:grid-drift 36s linear infinite}.grid-pulse-line{position:absolute;pointer-events:none;mix-blend-mode:screen;opacity:.2;will-change:transform,left,top,opacity,width,height;background:linear-gradient(90deg,#00c8fffa,#0096ffbf);box-shadow:0 0 28px #00c8ff4d,0 0 120px #00c8ff2e,0 0 300px #00c8ff14;filter:blur(1.2px);border-radius:999px;transition:opacity .36s linear,filter .3s linear}.grid-pulse-line.horz{height:4px;width:calc(var(--cells, 1) * var(--cell-size));transform-origin:0 center}.grid-pulse-line.vert{width:4px;height:calc(var(--cells, 1) * var(--cell-size));transform-origin:center 0}.grid-pulse-line.pulse-red{background:linear-gradient(90deg,#ff2828fa,#ff5a5aa6);box-shadow:0 0 36px #ff28285c,0 0 160px #ff28282e,0 0 320px #ff28280f;filter:blur(1.6px)}@keyframes move-right{0%{transform:translate(0)}to{transform:translate(calc(var(--cells,1) * var(--cell-size)))}}@keyframes move-left{0%{transform:translate(0)}to{transform:translate(calc(var(--cells,1) * var(--cell-size) * -1))}}@keyframes move-down{0%{transform:translateY(0)}to{transform:translateY(calc(var(--cells,1) * var(--cell-size)))}}@keyframes move-up{0%{transform:translateY(0)}to{transform:translateY(calc(var(--cells,1) * var(--cell-size) * -1))}}.grid-pulse-line.fade-out{opacity:0;filter:blur(2.6px);transition:opacity .42s linear,filter .42s linear}@keyframes grid-drift{0%{background-position:0 0,0 0}to{background-position:-240px -120px,240px 120px}}@media (max-width:880px){.sun-stage{width:350px;height:350px}.sun-img{width:140px;height:140px}.orbit-card .card-inner{width:144px}.planet.active .orbit-card .card-inner{width:288px}.orbit-layer{top:0;right:0;bottom:0;left:0}}.mobile-hamburger{position:fixed;left:12px;top:14px;z-index:500;width:44px;height:44px;border-radius:10px;background:#00000073;border:1px solid rgba(255,255,255,.04);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .15s ease,background .15s ease;color:#cfeeff}.mobile-hamburger:active{transform:scale(.98)}.hamburger-lines{width:18px;height:2px;background:linear-gradient(90deg,#00c8fff2,#0096ffbf);box-shadow:0 -6px #00c8ff99,0 6px #00c8ff59;display:inline-block;position:relative}.hamburger-lines:after,.hamburger-lines:before{content:"";position:absolute;left:0;width:18px;height:2px;background:inherit}.hamburger-lines:before{top:-6px}.hamburger-lines:after{top:6px}.mobile-sidebar{position:fixed;left:-300px;top:0;bottom:0;width:160px;max-width:82%;background:linear-gradient(180deg,#040a12fa,#06060cfa);border-right:1px solid rgba(0,166,255,.06);box-shadow:8px 0 40px #0009;z-index:480;transition:left .26s cubic-bezier(.2,.9,.2,1);padding:40px 12px 18px;display:flex;flex-direction:column;gap:8px}.mobile-sidebar.open{left:0}.mobile-sidebar .menu-inner{display:flex;flex-direction:column;gap:6px;margin-top:10px}.mobile-sidebar .menu-item{background:transparent;border:0;padding:12px 10px;text-align:left;color:var(--muted, rgba(255,255,255,.75));font-family:var(--tag-font);font-size:16px;border-radius:8px;cursor:pointer}.mobile-sidebar .menu-item:hover{background:#00a6ff0f;color:#eaf7ff}.mobile-sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:460;background:#00000047}.mobile-list{display:none!important}@media (max-width:880px){.mobile-hamburger{left:10px;top:12px}.mobile-sidebar{width:160px}}0 0 68px rgba(0,166,255,.36); transform: translateY(-2px); } 100%{border-color:#00a6ff2e;box-shadow:0 40px 120px #ff2d550f,0 0 12px #00a6ff14;transform:translateY(0)}} transform: translateY(0); } 50%{border-color:#00a6ffb8;box-shadow:0 60px 160px #00a6ff2e,0 0 68px #00a6ff5c;transform:translateY(-2px)}100%{border-color:#00a6ff2e;box-shadow:0 40px 120px #ff2d550f,0 0 12px #00a6ff14;transform:translateY(0)}} box-shadow: 0 40px 120px rgba(255,45,85,.06),0 0 12px rgba(0,166,255,.08); transform: translateY(0); } }{}