@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap";:root{color:#f5fbff;font-synthesis:none;background:#020e29;font-family:Manrope,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.shell{isolation:isolate;background:linear-gradient(#010a2314,#000d2b33),url(/xenith-background.png) 50%/cover no-repeat fixed;grid-template-rows:auto 1fr auto;min-height:100vh;padding:42px 4.2vw 26px;display:grid;position:relative;overflow:hidden}.shell:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 50% 43%,#0000 0 20%,#000a221f 65%),linear-gradient(90deg,#00061c2e,#0000 25% 75%,#00061c1f);position:absolute;inset:0}.ambient{z-index:-1;filter:blur(90px);opacity:.16;border-radius:50%;width:300px;height:300px;position:absolute}.ambient-one{background:#056dff;top:10%;left:17%}.ambient-two{background:#37f3c7;bottom:16%;right:6%}header,footer{z-index:5;justify-content:space-between;align-items:center;display:flex;position:relative}.brand{align-items:center;gap:17px;display:flex}.brand-mark{border:1px solid #86f1ffd9;border-radius:50%;width:52px;height:52px;position:relative;box-shadow:0 0 10px #1adfff,inset 0 0 12px #00daff8c}.brand-mark span{filter:drop-shadow(0 0 4px #007bff);border:5px solid #29dbff;border-radius:60% 40% 65% 35%;width:22px;height:33px;position:absolute}.brand-mark span:first-child{top:7px;left:7px;transform:rotate(12deg)}.brand-mark span:nth-child(2){border-color:#1d71ff;top:8px;right:5px;transform:rotate(124deg)}.brand-mark span:nth-child(3){border-color:#55f3ff;bottom:2px;left:14px;transform:rotate(242deg)}.brand-name{letter-spacing:.02em;text-shadow:0 2px 15px #58bcff66;font-size:clamp(1.55rem,2.3vw,2.35rem);font-weight:500}.brand-name span{color:#1684ff}.top-settings{color:#e4f5ffbf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#02193e47;border:1px solid #9ee0ff29;border-radius:999px;align-items:center;gap:9px;padding:10px 15px;transition:all .18s;display:flex}.top-settings:hover{color:#fff;border-color:#85e6ff80}.hero{flex-direction:column;justify-content:center;min-height:0;margin-top:-10px;display:flex}.intro{text-align:center;margin:0 auto clamp(24px,4vh,46px)}.eyebrow{color:#64d9ff;letter-spacing:.25em;margin:0 0 9px;font-size:.7rem;font-weight:700}.intro h1{letter-spacing:-.045em;text-shadow:0 4px 28px #219dff6b;margin:0;font-size:clamp(1.85rem,4vw,3.4rem);font-weight:500}.intro>p:last-child{color:#daefffa6;margin:10px 0 0;font-size:.92rem}.app-grid{perspective:1200px;grid-template-columns:repeat(5,minmax(145px,220px));justify-content:center;align-items:center;gap:clamp(12px,1.7vw,25px);display:grid}.app-card{--accent:#8acfff;color:#fff;-webkit-backdrop-filter:blur(18px)saturate(130%);backdrop-filter:blur(18px)saturate(130%);cursor:pointer;background:linear-gradient(150deg,#47bff12e,#04255bb8 52%,#031e4ec7);border:1px solid #a3e7ff99;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;min-height:clamp(250px,33vh,340px);padding:24px 15px 22px;text-decoration:none;transition:transform .24s,border-color .24s,box-shadow .24s;display:flex;position:relative;overflow:hidden;transform:translateY(12px)scale(.97);box-shadow:inset 0 1px 1px #ffffff59,inset 0 -28px 50px #001a4c59,0 16px 42px #00133e59,0 0 12px #1bb6ff2e}.app-card:before{content:"";background:linear-gradient(120deg, #ffffff21, transparent 20% 70%, #40d5ff14), radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--accent) 30%, transparent), transparent 52%);pointer-events:none;position:absolute;inset:0}.app-card:after{content:"";background:var(--accent);opacity:0;filter:blur(18px);border-radius:50%;height:35px;transition:opacity .24s;position:absolute;bottom:-35px;left:12%;right:12%}.app-card:hover,.app-card:focus-visible,.app-card.selected{z-index:2;box-shadow:inset 0 0 18px #45cfff40, 0 18px 50px #00133e66, 0 0 0 2px color-mix(in srgb, var(--accent) 75%, white), 0 0 25px color-mix(in srgb, var(--accent) 70%, transparent);border-color:#d5f9fffa;outline:none;transform:translateY(-8px)scale(1.075)}.app-card:hover:after,.app-card.selected:after{opacity:.7}.card-number{color:#b4e2ff6b;letter-spacing:.16em;font-size:.65rem;position:absolute;top:18px;left:20px}.icon-stage{width:100px;height:100px;color:color-mix(in srgb, var(--accent) 75%, white);background:linear-gradient(145deg,#80d7ff24,#00276026);border:1px solid #b2e9ff24;border-radius:28px;place-items:center;margin-bottom:28px;display:grid;box-shadow:inset 0 1px 1px #ffffff2e,0 14px 35px #000a3233}.icon-stage svg{width:59px;height:59px;filter:drop-shadow(0 8px 8px #00104480) drop-shadow(0 0 8px color-mix(in srgb, var(--accent) 40%, transparent))}.card-copy{text-align:center;flex-direction:column;display:flex}.card-copy strong{font-size:clamp(1.12rem,1.5vw,1.4rem);font-weight:500}.card-copy small{color:#d4ebfb8c;min-height:1.3em;margin-top:6px;font-size:.69rem}.launch-icon{color:#c2ecff00;transition:color .18s;position:absolute;bottom:17px;right:18px}.app-card:hover .launch-icon,.app-card.selected .launch-icon{color:#c2ecffbf}.settings-card{--accent:#aad8f7;appearance:none}.hint{color:#c3e4fa5e;letter-spacing:.06em;text-align:center;margin:29px 0 0;font-size:.67rem}footer{color:#bde1f866;letter-spacing:.05em;justify-content:center;gap:9px;font-size:.67rem}.status-dot{background:#4eecbb;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #4eecbb}.footer-rule{background:#d2ecff33;width:1px;height:10px;margin:0 4px}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#00081dad;place-items:center;padding:20px;animation:.18s fade-in;display:grid;position:fixed;inset:0}.modal{background:linear-gradient(145deg,#0c3968e6,#031539f5);border:1px solid #8ddfff66;border-radius:24px;width:min(560px,100%);padding:28px;box-shadow:0 30px 100px #000318b3,0 0 30px #00a4ff2e}.modal-header,.modal-actions{justify-content:space-between;align-items:center;display:flex}.modal h2{margin:0;font-weight:500}.icon-button{color:#dff6ff;cursor:pointer;background:#01113159;border:1px solid #ace6ff33;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.icon-button svg{width:18px}.url-list{gap:14px;margin:28px 0;display:grid}.url-list label{color:#def4ffbf;grid-template-columns:85px 1fr;align-items:center;gap:12px;font-size:.8rem;display:grid}.url-list input{color:#e9f9ff;background:#000d2b7a;border:1px solid #8ddbff33;border-radius:10px;outline:none;width:100%;padding:11px 13px}.url-list input:focus{border-color:#55cbff;box-shadow:0 0 0 3px #23adff1f}.modal-actions button{cursor:pointer;border-radius:10px;align-items:center;gap:7px;padding:10px 15px;display:flex}.reset{color:#d7f1ff9e;background:0 0;border:0}.done{color:#001431;background:linear-gradient(135deg,#6ee9ff,#52a8ff);border:0;font-weight:700;box-shadow:0 5px 20px #38b9ff40}.sr-only{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}@keyframes fade-in{0%{opacity:0}}@media (width<=960px){.shell{background-attachment:scroll;padding:28px 24px 24px;overflow:auto}.hero{padding:60px 0}.app-grid{grid-template-columns:repeat(2,minmax(145px,230px))}.app-card{min-height:235px}.app-card:last-child{grid-column:1/-1;justify-self:center;width:min(230px,100%)}}@media (width<=520px){.shell{padding:22px 16px}.brand-mark{width:41px;height:41px;margin:-5px;transform:scale(.8)}.top-settings span{display:none}.app-grid{grid-template-columns:1fr 1fr;gap:11px}.app-card{border-radius:21px;min-height:205px;padding-inline:8px}.app-card:hover,.app-card.selected{transform:translateY(-4px)scale(1.02)}.icon-stage{border-radius:22px;width:76px;height:76px;margin-bottom:20px}.icon-stage svg{width:45px;height:45px}.card-copy small,.hint{display:none}.url-list label{grid-template-columns:1fr;gap:5px}footer{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}