:root{--bg-deep:#010204;--bg-base:#040810;--bg-elevated:#0a1018;--text:#e8ecf4;--muted:#9ca6ba;--faint:#6b7588;--line:#2b8cff2e;--blue:#2b8cff;--blue-bright:#5cb3ff;--blue-deep:#1a5fbf;--silver:#b8c4d4;--gradient-brand:linear-gradient(135deg, #5cb3ff 0%, #2b8cff 40%, #8aa4c4 100%);--font-display:"Exo 2", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--rail:clamp(.85rem, 2.2vw, 1.75rem);--content:min(96rem, 100% - var(--rail) * 2);--ease-out:cubic-bezier(.16, 1, .3, 1);--dur:1.1s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-height:100vh;font-family:var(--font-display);color:var(--text);background:var(--bg-deep);cursor:none;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:1.05rem;font-weight:400;line-height:1.5}body[data-admin=true]{cursor:auto}@media (pointer:coarse){body{cursor:auto}}img,svg{max-width:100%;display:block}a{color:inherit;cursor:none;text-decoration:none}@media (pointer:coarse){a{cursor:pointer}}:focus-visible{outline:1px solid var(--blue-bright);outline-offset:3px}.site{background:var(--bg-deep);min-height:100svh;position:relative;overflow:clip}.section-rail{width:min(100%, calc(var(--content) + var(--rail) * 2));padding-inline:var(--rail);margin-inline:auto}.cursor-dot,.cursor-ring{z-index:10000;pointer-events:none;will-change:transform;border-radius:50%;position:fixed;top:0;left:0}.cursor-dot{background:var(--blue-bright);width:6px;height:6px;margin:-3px 0 0 -3px;box-shadow:0 0 12px #5cb3ffb3}.cursor-ring{width:36px;height:36px;transition:width .25s var(--ease-out), height .25s var(--ease-out), margin .25s var(--ease-out), border-color .25s ease, background .25s ease;border:1px solid #5cb3ff8c;margin:-18px 0 0 -18px}.cursor-ring--hover{background:#2b8cff14;border-color:#5cb3ffe6;width:64px;height:64px;margin:-32px 0 0 -32px}.cursor-ring--active{width:28px;height:28px;margin:-14px 0 0 -14px}@media (pointer:coarse){.cursor-dot,.cursor-ring{display:none}}@media (prefers-reduced-motion:reduce){.cursor-dot,.cursor-ring{display:none}}.featured{--rx:0deg;--ry:0deg;--lx:50%;--ly:28%;--i:0;perspective:1200px;width:100%;color:inherit;opacity:0;animation:featured-in 1.05s var(--ease-out) forwards;animation-delay:calc(.22s + var(--i) * .12s);gap:.95rem;display:grid;position:relative;transform:translateY(2rem)scale(.96)}.featured__aura{filter:blur(28px);z-index:0;background:radial-gradient(at 50% 40%,#2b8cff47,#0000 65%);animation:4.8s ease-in-out infinite aura-pulse;position:absolute;inset:8% -4% -10%}.featured__frame{z-index:1;aspect-ratio:16/10;transform:rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;transition:transform .28s var(--ease-out), box-shadow .35s var(--ease-out), border-color .3s ease;background:linear-gradient(165deg,#5cb3ff14,#0000 36%),linear-gradient(#0b121c,#070b12);border:1px solid #5cb3ff47;border-radius:14px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #2b8cff14,0 30px 80px #0000008c,0 0 60px #2b8cff1f}.featured__shine{z-index:4;background:radial-gradient(28rem 20rem at var(--lx) var(--ly), #ffffff29, transparent 55%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.featured__chrome{z-index:3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#040810d9;border-bottom:1px solid #5cb3ff1f;align-items:center;gap:.85rem;height:2.35rem;padding-inline:.9rem;display:flex;position:absolute;inset:0 0 auto}.featured__image{z-index:1;object-fit:cover;object-position:top center;width:100%;height:calc(100% - 2.35rem);position:absolute;inset:2.35rem 0 0}.featured__dots{gap:.35rem;display:flex}.featured__dots i{background:#ffffff2e;border-radius:50%;width:.55rem;height:.55rem;display:block}.featured__dots i:first-child{background:#ff5f57}.featured__dots i:nth-child(2){background:#febc2e}.featured__dots i:nth-child(3){background:#28c840}.featured__url{min-width:0;height:1.35rem;color:var(--faint);font-family:var(--font-mono);white-space:nowrap;text-overflow:ellipsis;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:999px;flex:1;align-items:center;gap:.4rem;padding-inline:.7rem;font-size:.72rem;display:inline-flex;overflow:hidden}.featured__lock{opacity:.7;border:1.5px solid;border-radius:2px;flex-shrink:0;width:.45rem;height:.55rem;position:relative}.featured__lock:before{content:"";border:1.5px solid;border-bottom:0;border-radius:4px 4px 0 0;width:.35rem;height:.28rem;position:absolute;top:-.28rem;left:50%;translate:-50%}.featured__screen{z-index:1;grid-template-rows:auto auto 1fr;gap:.9rem;display:grid;position:absolute;inset:2.7rem 1.1rem 1.1rem}.featured__nav{align-items:center;gap:.55rem;display:flex}.featured__nav>span{background:#e8ecf41f;border-radius:99px;width:3.2rem;height:.45rem;display:block}.featured__nav-cta{opacity:.9;margin-left:auto;background:var(--gradient-brand)!important;width:4.5rem!important}.featured__hero-block{background:linear-gradient(135deg,#2b8cff29,#2b8cff05),#080e18b3;border:1px solid #5cb3ff2e;border-radius:10px;gap:.55rem;padding:1.1rem 1.15rem;display:grid}.featured__title-bar{background:var(--gradient-brand);border-radius:4px;width:min(42%,14rem);height:1.05rem}.featured__sub-bar{background:#e8ecf429;border-radius:4px;width:min(58%,18rem);height:.55rem}.featured__cta-bar{background:#5cb3ff59;border-radius:6px;width:6.5rem;height:1.35rem;margin-top:.35rem;box-shadow:0 0 18px #2b8cff40}.featured__panels{grid-template-columns:repeat(3,1fr);gap:.7rem;min-height:0;display:grid}.featured__panels>span{background:linear-gradient(#ffffff0d,#0000),#ffffff08;border:1px solid #ffffff0f;border-radius:10px}.featured__panels>span:nth-child(2){background:linear-gradient(#2b8cff24,#0000),#ffffff08}.featured__meta{z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:.85rem 1.5rem;padding-inline:.15rem;display:flex;position:relative}.featured__copy{gap:.25rem;display:grid}.featured__kind{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--blue-bright);font-size:.72rem}.featured__name{letter-spacing:-.03em;font-size:clamp(1.4rem,2.6vw,2rem);font-weight:800;line-height:1.1}.featured__action{color:var(--silver);align-items:center;gap:.55rem;font-size:.98rem;font-weight:700;transition:color .25s;display:inline-flex}.featured__arrow{transition:transform .28s var(--ease-out);display:inline-block}.featured:hover .featured__frame{border-color:#5cb3ff8c;box-shadow:inset 0 0 0 1px #5cb3ff2e,0 36px 90px #0009,0 0 80px #2b8cff38}.featured:hover .featured__shine{opacity:1}.featured:hover .featured__action{color:var(--blue-bright)}.featured:hover .featured__arrow{transform:translate(.35rem)}.featured:focus-visible{outline:none}.featured:focus-visible .featured__frame{outline:1px solid var(--blue-bright);outline-offset:5px}@keyframes featured-in{to{opacity:1;transform:translateY(0)scale(1)}}@keyframes aura-pulse{0%,to{opacity:.65;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@media (width<=720px){.featured__screen{gap:.65rem;inset:2.45rem .75rem .75rem}.featured__hero-block{padding:.85rem}.featured__panels{gap:.45rem}.featured__url{display:none}}@media (prefers-reduced-motion:reduce){.featured,.featured__aura{opacity:1;animation:none;transform:none}.featured__frame{transition:none;transform:none!important}}.stage{--px:0;--py:0;--mx:50%;--my:35%;z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.stage__void{background:radial-gradient(90% 60% at 50% -5%, #0d1524 0%, transparent 55%), var(--bg-deep);position:absolute;inset:0}.stage__glow{filter:blur(70px);mix-blend-mode:screen;will-change:transform;border-radius:50%;position:absolute}.stage__glow--core{width:min(52rem,90vw);height:min(52rem,90vw);translate:-50%;transform:translate3d(calc(var(--px) * 20px), calc(var(--py) * 14px), 0);background:radial-gradient(circle,#2b8cff61 0%,#2b8cff00 68%);animation:7s ease-in-out infinite glow-breathe;top:-18%;left:50%}.stage__glow--side{width:28rem;height:28rem;transform:translate3d(calc(var(--px) * -24px), calc(var(--py) * -16px), 0);background:radial-gradient(circle,#b8c4d429 0%,#0000 70%);top:35%;right:-10%}.stage__beam{clip-path:polygon(42% 0,58% 0,100% 100%,0 100%);opacity:.65;filter:blur(1px);width:min(36rem,70vw);height:58%;translate:-50%;transform:translate3d(calc(var(--px) * 12px), 0, 0);background:linear-gradient(#5cb3ff33,#2b8cff0f 40%,#0000 100%);position:absolute;top:0;left:50%}.stage__grid{transform:translate3d(calc(var(--px) * 8px), calc(var(--py) * 6px), 0);opacity:.7;background-image:linear-gradient(#2b8cff12 1px,#0000 1px),linear-gradient(90deg,#2b8cff12 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:-10%;-webkit-mask-image:radial-gradient(70% 50% at 50% 28%,#000 0%,#0000 72%);mask-image:radial-gradient(70% 50% at 50% 28%,#000 0%,#0000 72%)}.stage__scan{opacity:.5;background:linear-gradient(#0000 0%,#5cb3ff0d 48%,#0000 52%) 0 0/100% 220%;animation:5.5s linear infinite scan-sweep;position:absolute;inset:0}.stage__spotlight{background:radial-gradient(36rem 36rem at var(--mx) var(--my), #2b8cff1f, transparent 55%);position:absolute;inset:0}.stage__noise{opacity:.16;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.7'/%3E%3C/svg%3E");background-size:220px 220px;position:absolute;inset:0}.stage__vignette{background:radial-gradient(70% 65% at 50% 40%,#0000 20%,#010204d1 100%);position:absolute;inset:0}@keyframes glow-breathe{0%,to{opacity:.7;scale:1}50%{opacity:1;scale:1.08}}@keyframes scan-sweep{0%{background-position:0 -40%}to{background-position:0 140%}}@media (prefers-reduced-motion:reduce){.stage__glow,.stage__beam,.stage__grid,.stage__scan{animation:none;transform:none}.stage__spotlight{display:none}}.hero{isolation:isolate;min-height:100svh;display:grid;position:relative}.hero__shell{z-index:1;align-content:start;gap:clamp(1.4rem,3.8vh,2.4rem);min-height:100svh;padding-block:clamp(1.1rem,2.8vh,1.8rem) clamp(1.2rem,3vh,2rem);display:grid;position:relative}.hero__brand{opacity:0;filter:blur(10px);animation:brand-in 1s var(--ease-out) forwards;justify-content:center;justify-self:center;align-items:center;transition:opacity .25s;display:flex;position:relative;transform:translateY(1rem)scale(.96)}.hero__brand:hover{opacity:.92}.hero__brand:focus-visible{outline:1px solid var(--blue-bright);outline-offset:6px}.hero__logo-haze{filter:blur(20px);z-index:-1;background:radial-gradient(#2b8cff52,#0000 60%);animation:5s ease-in-out infinite haze-pulse;position:absolute;inset:-40% -15%}.hero__logo{filter:drop-shadow(0 10px 36px #2b8cff47);width:min(18rem,56vw);height:auto}.hero__gallery{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(1.1rem,2vw,1.85rem);width:100%;max-width:none;margin-inline:0;display:grid}.hero__status{text-align:center;color:var(--muted);font-size:.95rem}.hero__footer{border-top:1px solid #5cb3ff24;justify-content:center;margin-top:clamp(1.5rem,4vh,3rem);padding-top:1.25rem;display:flex}.hero__credit{color:var(--muted);letter-spacing:.01em;font-size:.9rem;transition:color .25s}.hero__credit:hover{color:var(--blue-bright)}@media (width<=820px){.hero__gallery{grid-template-columns:1fr}}@keyframes brand-in{to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes haze-pulse{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}@media (prefers-reduced-motion:reduce){.hero__brand,.hero__logo-haze{opacity:1;filter:none;animation:none;transform:none}}.admin-page{color:#e8ecf4;cursor:auto;background:radial-gradient(50% 40% at 50% 0,#2b8cff29,#0000 60%),#010204;min-height:100svh;padding:clamp(1.25rem,3vw,2rem);font-family:"Exo 2",system-ui,sans-serif}.admin-page a,.admin-page button,.admin-page input{cursor:auto}.admin-page--center{place-items:center;display:grid}.admin-top{justify-content:space-between;align-items:start;gap:1rem;max-width:56rem;margin:0 auto 1.5rem;display:flex}.admin-card{background:#080e18e0;border:1px solid #5cb3ff38;border-radius:12px;gap:.95rem;width:min(28rem,100%);padding:1.35rem;display:grid}.admin-form{width:min(56rem,100%);margin:0 auto 1.75rem}.admin-title{letter-spacing:-.03em;font-size:clamp(1.4rem,3vw,1.9rem);font-weight:800}.admin-subtitle{font-size:1.05rem;font-weight:700}.admin-hint{color:#9ca6ba;font-size:.92rem}.admin-hint a{color:#5cb3ff}.admin-field{gap:.35rem;display:grid}.admin-field span{color:#9ca6ba;font-size:.8rem}.admin-field input{color:#e8ecf4;width:100%;min-height:2.6rem;font:inherit;background:#040810;border:1px solid #5cb3ff38;border-radius:8px;padding:.55rem .75rem}.admin-field input:focus{outline-offset:1px;outline:1px solid #5cb3ff}.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.admin-btn{color:#010204;min-height:2.6rem;font:inherit;cursor:pointer;background:linear-gradient(135deg,#5cb3ff,#2b8cff);border:0;border-radius:8px;padding:.55rem 1rem;font-weight:700}.admin-btn:disabled{opacity:.55;cursor:not-allowed}.admin-btn--ghost{color:#e8ecf4;background:0 0;border:1px solid #5cb3ff47}.admin-btn--danger{color:#ff8f88;background:0 0;border:1px solid #ff5f5773}.admin-actions{flex-wrap:wrap;gap:.65rem;display:flex}.admin-error{color:#ff8f88;font-size:.9rem}.admin-shot{border:1px solid #5cb3ff33;border-radius:8px;width:min(100%,22rem)}.admin-list{gap:.85rem;max-width:56rem;margin-inline:auto;display:grid}.admin-item{background:#080e18b8;border:1px solid #5cb3ff2e;border-radius:12px;grid-template-columns:7.5rem 1fr auto;align-items:center;gap:.9rem;padding:.85rem;display:grid}.admin-item__media{aspect-ratio:16/10;background:#0a1018;border-radius:8px;width:7.5rem;overflow:hidden}.admin-item__media img{object-fit:cover;width:100%;height:100%}.admin-item__placeholder{color:#6b7588;place-items:center;width:100%;height:100%;font-size:.75rem;display:grid}.admin-item__kind{color:#5cb3ff;letter-spacing:.08em;text-transform:uppercase;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.68rem}.admin-item__body h3{margin:.15rem 0 .3rem;font-size:1.05rem}.admin-item__body a{color:#9ca6ba;word-break:break-all;font-size:.85rem}.admin-item__actions{gap:.45rem;display:grid}@media (width<=720px){.admin-grid,.admin-item{grid-template-columns:1fr}.admin-item__actions{grid-template-columns:1fr 1fr}}
