.email-login{min-height:100dvh;display:grid;place-items:center;padding:28px 18px;background:radial-gradient(ellipse at 10% 10%,#e8edff,transparent 55%),radial-gradient(ellipse at 90% 90%,#ffeadb,transparent 50%),#f8f9fc}.login-card{width:100%;max-width:440px;padding:36px;border:1px solid #fff;border-radius:28px;background:#ffffffed;box-shadow:0 16px 60px #2633500c}.login-card h1{font-size:28px;margin:24px 0 12px}.login-card p{font-size:16px;line-height:1.6;overflow-wrap:anywhere}.login-card .login-school{font-size:14px;color:#67728b;margin-top:12px}.login-card .sub{font-size:14px;color:#67728b;margin-top:22px}.login-card form{margin-top:24px}.login-card input{width:100%;min-height:52px;font-size:16px;background:#f8f9fd;border:1px solid #dce1ed;border-radius:12px;padding:12px;box-sizing:border-box}.login-card input[name=code]{font-size:28px;letter-spacing:8px;text-align:center}.login-card .primary{width:100%;min-height:50px;margin-top:8px}.login-card .text-button{display:block;min-height:44px;margin:4px auto}.login-error{color:#a12c37;min-height:0}.login-error:empty{display:none}.login-card button:disabled{opacity:.6;cursor:default}@media(max-width:480px){.login-card{padding:26px 22px}.email-login{align-items:start;padding-top:max(42px,env(safe-area-inset-top))}}