.sign-in-page{color:#f8f4ef;box-sizing:border-box;background:radial-gradient(at 50% 0,#502019 0%,#0000 58%),#101114;place-items:center;min-height:100svh;padding:32px 20px;font-family:Arial,sans-serif;display:grid}.sign-in-panel{box-sizing:border-box;text-align:center;background:linear-gradient(145deg,#242124,#17181c);border:1px solid #554039;border-radius:24px;width:min(100%,480px);padding:44px 36px;box-shadow:0 24px 80px #0007}.sign-in-mark{clip-path:polygon(25% 0,100% 0,75% 100%,0 100%);background:#ed492d;place-items:center;width:52px;height:60px;margin:0 auto 18px;font-size:36px;font-weight:900;display:grid}.sign-in-brand{letter-spacing:6px;margin:0;font-size:22px;font-weight:900}.sign-in-school{color:#ffae7c;letter-spacing:2px;margin:10px 0 32px;font-size:15px}.sign-in-panel h1{margin:0 0 18px;font-size:clamp(26px,5vw,36px);line-height:1.15}.sign-in-panel p:not(.sign-in-brand):not(.sign-in-school){color:#c7c1c0;line-height:1.6}.sign-in-button{color:#242124;cursor:pointer;background:#f7f5f2;border:0;border-radius:10px;justify-content:center;align-items:center;gap:14px;width:100%;min-height:52px;margin-top:30px;padding:14px 18px;font:700 16px Arial,sans-serif;display:flex}.sign-in-button:hover{background:#ffd3b6}.sign-in-button:focus-visible{outline-offset:5px;outline:3px solid #ff8754}.sign-in-button span{font-size:21px}.sign-in-note{margin:20px 0 0;font-size:12px}@media (max-width:480px){.sign-in-panel{padding:32px 24px}.sign-in-page{padding:20px 16px}}