:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;color:#fff2db;background:#18090c;--gold:#f2c56c;--red:#b51e2b;--cyan:#adf5ff}*{box-sizing:border-box}body{margin:0;min-height:100svh;background:radial-gradient(ellipse at 4% 50%,#ad172c6b,transparent 62%),linear-gradient(116deg,#200b0e 10%,#420d16 45%,#100b0e 90%)}.grid{position:fixed;inset:0;pointer-events:none;opacity:.16;background-image:linear-gradient(#e8b56520 1px,transparent 1px),linear-gradient(90deg,#e8b56520 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(black,transparent)}.armor-edge{position:fixed;inset:0;border:8px solid #6d111b;pointer-events:none;border-top:3px solid #d4a350;box-shadow:inset 0 0 0 1px #d4a35055}header,footer{position:relative;display:flex;align-items:center;justify-content:space-between;padding:24px 6vw;border-bottom:1px solid #dbac6355;font-size:11px;letter-spacing:2px}.brand{font-size:18px;font-weight:800;display:flex;align-items:center;gap:8px;text-decoration:none;color:#fff2db}.brand>span:last-child{color:var(--gold)}.brand-mark{display:grid;place-items:center;width:34px;height:36px;border:1px solid #e4b765;background:linear-gradient(135deg,#b52432,#5d1019);font-size:26px;margin-right:6px;clip-path:polygon(20% 0,100% 0,100% 80%,80% 100%,0 100%,0 20%)}.system{font-size:9px;color:#e5c68c;display:flex;gap:9px;align-items:center}.system i{width:5px;height:5px;background:var(--gold);border-radius:50%;box-shadow:0 0 8px var(--gold)}main{position:relative;max-width:1260px;margin:auto;display:grid;grid-template-columns:1.15fr 1fr;gap:75px;align-items:center;padding:55px 60px 42px}.eyebrow{color:#dfb36e;font-size:9px;letter-spacing:2.5px;margin:0 0 28px}.eyebrow>span{border:1px solid #e9ba6c88;padding:5px 7px;margin-right:8px}.documents{font-size:13px;color:#efcd99;letter-spacing:.7px;margin:0 0 18px}.documents span{color:#c44041;padding:0 6px}h1{font-size:clamp(40px,4.7vw,66px);line-height:1.06;letter-spacing:-2.8px;margin:0 0 22px;font-weight:800}em{font-style:normal;color:#f7cb75}.description{color:#debdac;line-height:1.6;font-size:16px;margin:0}.systems-display{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;margin:32px 0 24px}.reactor-module{text-align:center}.reactor{width:220px;max-width:100%;margin:auto;position:relative;filter:drop-shadow(0 0 13px #56dcff60);animation:reactor-breathe 4s ease-in-out infinite}.reactor svg{display:block;width:100%;height:auto;overflow:visible}.arc-rotor{transform-origin:120px 120px;animation:spin 44s linear infinite}.arc-energy{transform-origin:120px 120px;animation:spin 14s linear infinite reverse}.arc-sheen{transform-origin:120px 120px;animation:spin 18s linear infinite}.arc-halo,.arc-pulse{animation:core-breathe 4s ease-in-out infinite}.reactor-caption{font-size:9px;letter-spacing:1px;color:var(--gold);margin:10px 0 0}.reactor-caption span{display:block;margin-top:6px;font-size:7px;letter-spacing:1.4px;color:#9dd5df}.suit-feed{margin:0;border:1px solid #f4c77466;background:#251015;box-shadow:7px 7px 0 #690f1b44;transform:rotate(-2deg);overflow:hidden;align-self:center}.feed-label{display:flex;justify-content:space-between;padding:10px 9px;font-size:7px;letter-spacing:1px;color:#f0ce92;background:#681321}.live{color:#f4bb76}.suit-feed img,.suit-feed canvas{display:block;width:100%;height:auto;aspect-ratio:591/500;object-fit:contain}.motion-toggle{padding:9px;margin:0;border:0;border-top:1px solid #c18e4b77;border-radius:0;background:#251015;color:#e6c592;font-size:8px;letter-spacing:1px;width:100%}.intro-foot{display:flex;gap:26px;border-top:1px solid #c1924b33;padding-top:15px;color:#ae8b72;font-size:7px;letter-spacing:1.3px}.panel{position:relative;border:1px solid #ce9f53;padding:35px;background:linear-gradient(145deg,#791321 0,#390d15 32%,#190d11 90%);border-top:5px solid #e5b760;border-radius:3px 32px 3px 3px;box-shadow:inset 0 0 0 5px #3a101744,0 25px 80px #0007,0 0 40px #c71e2810;overflow:hidden}.panel-corner{position:absolute;right:-20px;top:-20px;width:70px;height:70px;border:12px solid #b68643;transform:rotate(45deg);pointer-events:none}.panel-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#f2c983;padding-bottom:22px}.panel-top>span:last-child{font-size:20px}.panel-rule{width:36px;height:3px;background:#e5b760;margin-bottom:22px}.panel h2{font-size:35px;line-height:1.1;margin:0 0 15px;letter-spacing:-1px}.panel>p{font-size:12px;color:#d4b9af;line-height:1.7;max-width:300px}form{margin-top:26px}label{display:block;font-size:9px;letter-spacing:1.5px;color:#e0bd84;margin:20px 0 9px}input{font:inherit;width:100%;padding:14px;background:#180b0f;border:1px solid #966a43;border-radius:3px;color:#fff;font-size:14px;box-shadow:inset 0 2px 5px #0003}input:focus{outline:2px solid #f5cb76;outline-offset:3px}input::placeholder{color:#a6918c}.check{display:flex;align-items:center;gap:9px;font-size:11px;letter-spacing:0;color:#d2bdb1;cursor:pointer;margin-top:19px}.check input{width:15px;height:15px;accent-color:#d6a347}button{border:1px solid #ffdc8f;border-radius:3px;color:#29100c;background:linear-gradient(110deg,#ffe2a3,#d4a04d 60%,#edbf6e);padding:16px;font-size:10px;font-weight:800;letter-spacing:1.3px;cursor:pointer;margin-top:10px;width:100%;box-shadow:0 3px 0 #6f4021}button span{float:right}button:hover{filter:brightness(1.12)}button:focus-visible,a:focus-visible{outline:2px solid #c4f6ff;outline-offset:4px}button:disabled{opacity:.6;cursor:wait}#message{color:#ffc2b3;min-height:22px;font-size:12px;line-height:1.6;margin:15px 0 8px}#message.success{color:#b9f4ff}.panel .private{font-size:7px;letter-spacing:1px;border-top:1px solid #c6974c55;padding-top:16px;margin:8px 0 0;max-width:none;color:#b99672}.private span{font-size:13px;margin-right:4px;color:#eac074}footer{border-top:1px solid #d6a15a33;border-bottom:0;color:#b38d65;font-size:8px;padding-top:18px;padding-bottom:18px}[hidden]{display:none!important}
/* The vault exists only after the server accepts the credentials. */
.vault{position:fixed;inset:0;z-index:100;background:radial-gradient(ellipse at center,#4e1420,#120b0d 70%);overflow:hidden}.vault-reveal{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px}.unlock-icon{color:#d7faff;font-size:80px;text-shadow:0 0 25px #86eaff;margin-bottom:20px}.vault-reveal .eyebrow{font-size:9px;margin:0 0 20px}.vault-reveal h2{font-size:clamp(38px,7vw,82px);letter-spacing:-2px;line-height:1;margin:0 0 12px}.vault-reveal>p:last-of-type{color:#d6b39c;font-size:17px}.loading-line{height:2px;width:160px;background:linear-gradient(90deg,transparent,#f6ca74,transparent);margin-top:24px}.vault-door{position:absolute;top:0;bottom:0;width:50%;border:1px solid #d0a358;background:repeating-linear-gradient(0deg,#ffffff03 0,#ffffff03 1px,transparent 1px,transparent 4px),linear-gradient(105deg,#470d17,#a32030 28%,#60101d 59%,#2c0d12);box-shadow:inset 0 0 0 10px #3d1017,inset 0 0 0 12px #9f753d,inset 0 0 80px #0008;will-change:transform}.door-left{left:0;border-right:7px solid #e0b668;z-index:2}.door-right{right:0;border-left:7px solid #9d6f35;z-index:1;background:repeating-linear-gradient(0deg,#ffffff03 0,#ffffff03 1px,transparent 1px,transparent 4px),linear-gradient(255deg,#470d17,#a32030 28%,#60101d 59%,#2c0d12)}.door-ribs{position:absolute;inset:12% 12%;border:18px ridge #98703e;clip-path:polygon(15% 0,100% 0,100% 85%,85% 100%,0 100%,0 15%);background:linear-gradient(135deg,#b9884320,#21080f44);box-shadow:inset 0 0 35px #0006}.door-plate{position:absolute;top:23%;left:22%;right:15%;display:flex;flex-direction:column;gap:12px;color:#e1b673;letter-spacing:4px;text-shadow:0 2px #28090b}.door-plate>span{font-size:clamp(18px,3vw,45px);font-weight:800}.door-plate small{font-size:8px;letter-spacing:2px}.vault-wheel{position:absolute;right:-105px;top:calc(50% - 105px);width:210px;height:210px;background:radial-gradient(circle,#302323 0 28%,#c79d59 29% 33%,#493024 34% 39%,#d9b474 40% 44%,#1b1619 45% 53%,#d6b375 54% 58%,#6b4c2d 59% 67%,#dbc294 68% 70%);border-radius:50%;box-shadow:0 8px 35px #0009,inset 0 0 12px #eec785;border:4px solid #392c22;z-index:4}.vault-wheel i{position:absolute;left:calc(50% - 7px);top:18%;width:14px;height:64%;background:linear-gradient(90deg,#87663a,#f6d69b,#694a2b);border-radius:8px;box-shadow:0 1px 4px #000}.vault-wheel i:nth-of-type(2){transform:rotate(45deg)}.vault-wheel i:nth-of-type(3){transform:rotate(90deg)}.vault-wheel i:nth-of-type(4){transform:rotate(135deg)}.vault-wheel b{position:absolute;inset:37%;border-radius:50%;background:radial-gradient(#eaffff,#62bbce);display:grid;place-items:center;color:#173642;font-size:34px;box-shadow:0 0 18px #8eedff;border:3px solid #b99a6b;z-index:5}.bolt{position:absolute;right:-35px;width:80px;height:22px;background:linear-gradient(#efd9ae,#96764d 40%,#33281e 50%,#b39b76);border:2px solid #3c3024;border-radius:4px;z-index:3}.bolt-top{top:25%}.bolt-bottom{bottom:25%}.door-right .bolt{right:auto;left:-35px}.vault-status{position:absolute;z-index:10;bottom:98px;left:0;right:0;text-align:center;color:#f4d299;font-size:9px;letter-spacing:2px;padding:0 20px}.skip{position:absolute;z-index:11;bottom:32px;left:50%;transform:translateX(-50%);width:auto;background:#190d13e8;color:#efd099;border:1px solid #aa814a;font-size:9px;box-shadow:none}.vault-opening .vault-wheel{animation:wheel-unlock .95s cubic-bezier(.2,.7,.2,1) .12s both}.vault-opening .door-left{animation:open-left 1.9s cubic-bezier(.65,0,.2,1) .95s both}.vault-opening .door-right{animation:open-right 1.9s cubic-bezier(.65,0,.2,1) .95s both}.vault-opening .bolt{animation:release-bolt .5s ease .35s both}.vault-opening .door-right .bolt{animation-name:release-right-bolt}.vault-opening .vault-status{animation:fade-status .3s ease 1s forwards}.vault-opening .vault-reveal{animation:reveal 1.1s ease 1.8s both}.motion-paused *, .motion-paused *::before,.motion-paused *::after{animation-play-state:paused!important}.motion-paused .vault *{animation:none!important}.motion-paused .vault-door{display:none}.motion-paused .vault-reveal{opacity:1}.motion-paused .vault-status{display:none}
@keyframes reactor-breathe{50%{filter:drop-shadow(0 0 27px #75eaffbb)}}@keyframes core-breathe{50%{opacity:.55}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes wheel-unlock{to{transform:rotate(135deg)}}@keyframes release-bolt{to{transform:translateX(-45px)}}@keyframes release-right-bolt{to{transform:translateX(45px)}}@keyframes open-left{to{transform:translateX(calc(-100% - 130px))}}@keyframes open-right{to{transform:translateX(calc(100% + 130px))}}@keyframes fade-status{to{opacity:0}}@keyframes reveal{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}
@media(min-width:1450px){main{padding-top:70px;padding-bottom:65px}}@media(max-width:1000px){main{gap:35px;padding:42px 35px}.panel{padding:27px}.systems-display{gap:15px}.documents{font-size:11px}.reactor{width:190px}.intro-foot{gap:15px;font-size:6px}}@media(max-width:700px){header{padding:22px 24px}.system{font-size:7px;letter-spacing:1px}.brand{font-size:14px}.brand-mark{width:26px;height:29px;font-size:22px}main{grid-template-columns:1fr;gap:30px;padding:35px 26px}.eyebrow{font-size:8px;letter-spacing:1.6px}.documents{font-size:12px}h1{font-size:50px;letter-spacing:-2px}.description{font-size:14px}.systems-display{max-width:360px;gap:24px;margin-top:25px;margin-bottom:15px}.reactor{width:170px}.intro-foot{font-size:7px}.panel{padding:28px}.panel h2{font-size:33px}.panel h2 br{display:none}.panel h2 em{margin-left:5px}.panel>p{max-width:none}footer{padding:20px 26px;font-size:6px;letter-spacing:1px}.vault-wheel{width:150px;height:150px;right:-75px;top:calc(50% - 75px)}.vault-wheel b{font-size:25px}.door-ribs{border-width:10px;inset:8% 12%}.door-plate{left:18%;top:18%;letter-spacing:2px}.door-plate small{font-size:6px;letter-spacing:1px}.vault-reveal h2{font-size:42px}.vault-status{font-size:7px;letter-spacing:1px}}@media(max-width:360px){.system{display:none}h1{font-size:43px}.documents{font-size:10px}.systems-display{gap:14px}.panel{padding:22px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important}.vault-door,.vault-status{display:none}.vault-reveal{opacity:1;transform:none}}

.login-music{border:1px solid #bd8a4866;background:#230d14aa;padding:14px 16px;margin:20px 0}.music-heading{display:flex;justify-content:space-between;color:#e8bf79;font-size:8px;letter-spacing:1.5px}.music-controls{display:flex;gap:20px;align-items:center;margin-top:8px}.music-controls button{width:auto;min-width:155px;margin:0;padding:11px 13px;font-size:9px}.music-controls label{margin:0;flex:1;font-size:8px;letter-spacing:1px;color:#d1b188}.music-controls input{display:block;padding:0;width:100%;margin:8px 0 0;box-shadow:none;accent-color:#e8ba68;cursor:pointer}.login-music p{font-size:10px;color:#c3a793;line-height:1.5;margin:12px 0 0}@media(max-width:360px){.music-controls{gap:12px}.music-controls button{min-width:135px;font-size:8px}}