*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 80% 0%,#1c1a50 0,transparent 35%),radial-gradient(circle at 0 100%,#093e55 0,transparent 35%),#080e20;color:#f4f7ff;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}body:has(.login-card){display:grid;place-items:center;padding:24px}.login-card{width:min(100%,440px);padding:36px;background:#111b32e8;border:1px solid #35415b;border-radius:22px;box-shadow:0 20px 70px #0007}.logo{font-weight:850;font-size:29px;letter-spacing:-1px}.logo span:not(.play){color:#39d6f5}.play{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#20d5e9,#8458fa);font-size:17px;color:#fff;vertical-align:middle;margin-right:5px}.subtitle,.note{color:#a3aec7;font-size:13px}h1{font-size:27px;margin:30px 0 6px}p{color:#aebad0;line-height:1.5}label{display:block;margin:16px 0 7px;font-size:13px;font-weight:650}input:not([type=checkbox]){width:100%;padding:13px 14px;background:#090f22;border:1px solid #3b4964;border-radius:10px;color:#fff;font-size:15px}input:focus{outline:2px solid #31d3ef;outline-offset:1px}.check{display:flex;align-items:center;gap:10px;font-weight:400}.check input{accent-color:#23cde9}button{border:0;border-radius:10px;padding:14px 17px;background:linear-gradient(110deg,#25cde6,#7160ee);color:white;font-weight:750;cursor:pointer}form>button{width:100%;margin-top:12px;display:flex;justify-content:space-between}.error{padding:12px;border:1px solid #f17b91;background:#511d32;border-radius:8px;margin-top:15px}.shell{max-width:1100px;margin:auto;padding:25px}header{display:flex;justify-content:space-between;align-items:center}.outline{background:transparent;border:1px solid #51607b}.welcome{padding:65px 0 30px}.welcome h1{font-size:clamp(30px,5vw,50px);margin:10px 0}.eyebrow{color:#35d4f1;letter-spacing:2px;font-size:12px}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.tile{background:#151e36;border:1px solid #303e5a;border-radius:16px;padding:24px;font-size:30px}.tile h3{font-size:19px;margin:16px 0 4px}.tile p{font-size:13px;margin:0}.shell>.note{margin-top:35px}
