:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#f5f4ff;background:#090c17}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% 12%,#2b2450 0%,#101426 40%,#090c17 78%)}.shell{max-width:1080px;min-height:100vh;margin:auto;padding:24px;display:flex;flex-direction:column}.top{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 0}.brand{font-size:20px;font-weight:800;display:flex;align-items:center;gap:10px}.brandicon{color:#a38cff;font-size:29px}.nav{display:flex;gap:18px;align-items:center}.nav a,.subtle{color:#aeb3d0;text-decoration:none;font-size:14px}.nav a:hover,.subtle:hover{color:white}.live{font-size:12px;color:#6ce6aa;letter-spacing:1px}.hero{margin:auto;text-align:center;width:min(100%,630px);padding:35px 10px 70px}.rings{width:270px;height:270px;border:1px solid #4c416d;border-radius:50%;display:grid;place-items:center;margin:10px auto 35px;box-shadow:0 0 0 19px #b5a1ff08,0 0 0 38px #b5a1ff05}.disc{width:190px;height:190px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#9b81fa,#5340aa);box-shadow:0 25px 65px #6745ce60,inset 0 0 0 10px #ffffff0b}.disc span{font-size:83px}.eyebrow{color:#b09aff;letter-spacing:2.5px;font-size:11px;font-weight:800}h1{font-size:clamp(30px,5vw,52px);margin:15px 0 10px;letter-spacing:-1.5px}p,.subtitle{color:#9da5c0;line-height:1.6}.status{display:inline-block;color:#7de0b1;background:#173c353d;border:1px solid #39755b66;border-radius:30px;padding:9px 16px;font-size:13px;margin:20px auto}audio{width:100%;margin:18px 0;filter:drop-shadow(0 10px 25px #0006)}.helper,.tip{color:#8d95b0;font-size:13px;line-height:1.6}.notice,.error,.success{border-radius:12px;padding:14px;margin:15px 0;background:#ff8b8b1a;color:#ffb5b5}.success{background:#49bd861c;color:#92edb7}footer{text-align:center;color:#626b89;font-size:11px;letter-spacing:2px;padding:20px}.card{width:min(100%,430px);margin:auto;background:#181c31e8;border:1px solid #393b5a;border-radius:23px;padding:36px;box-shadow:0 20px 70px #0005}.card h1{font-size:30px}.card.center{text-align:center}.logo{font-size:60px;color:#a58bff;margin-bottom:20px}form{display:grid;gap:19px;margin-top:26px;text-align:left}label{display:grid;gap:9px;font-size:13px;font-weight:600;color:#cbd0e5}input{width:100%;padding:14px 16px;border:1px solid #424765;background:#0c1225;border-radius:11px;color:white;font:inherit;outline:none}input:focus{border-color:#ab92ff;box-shadow:0 0 0 3px #a58bff22}input.pin{text-align:center;font-size:30px;letter-spacing:15px}button{background:linear-gradient(110deg,#a18bff,#7259e5);border:0;border-radius:11px;color:white;font-size:15px;font-weight:800;padding:16px;cursor:pointer}button:hover{filter:brightness(1.12)}.subtle{display:block;text-align:center;margin-top:24px}.admin-layout{width:min(100%,720px);margin:45px auto}.admin-heading{margin-bottom:25px}.card.wide{width:100%}.card.wide h1{font-size:30px}hr{border:0;border-top:1px solid #353953;width:100%}@media(max-width:600px){.shell{padding:16px}.card{padding:25px}.hero{padding:10px 0 45px}.rings{width:220px;height:220px}.disc{width:160px;height:160px}.nav{gap:10px}.brand{font-size:16px}}