:root{font-family:Arial,sans-serif;color:#263238;background:#f6f8fc;font-synthesis:none;line-height:1.6}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer}button:focus-visible{outline:3px solid #0b57d0;outline-offset:4px}.page{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:32px 20px}.card{width:100%;max-width:460px;background:#fff;border:1px solid #e9edf2;border-radius:24px;box-shadow:0 12px 50px #2632380b;padding:42px 36px 26px;text-align:center}.wordmark{font-size:28px;letter-spacing:-1px;font-weight:700;color:#0b57d0;margin-bottom:26px}h1{font-size:25px;line-height:1.35;margin:0 0 12px;font-weight:600;overflow-wrap:anywhere}.intro{margin:0 0 30px;color:#5f6b76;font-size:16px}.primary,.secondary{min-height:48px;width:100%;border-radius:12px;font-weight:600;padding:11px 20px}.primary{background:#0b57d0;color:#fff;border:1px solid #0b57d0}.primary:hover:not(:disabled){background:#0847ad}.secondary{background:#fff;color:#0b57d0;border:1px solid #d6e0ed}.card>.secondary{margin-top:22px}.secondary:hover:not(:disabled){background:#f3f7fd}button:disabled{opacity:.55;cursor:default}.caption{font-size:13px;color:#66717d;margin:23px 0 0}.message{font-size:14px;background:#fff5e9;color:#7d4b12;padding:12px;border-radius:10px}.badge{display:inline-block;border-radius:20px;background:#eef6f1;color:#286246;padding:4px 12px;font-size:12px;margin-bottom:18px}.identity{overflow-wrap:anywhere;color:#5f6b76;font-size:14px;margin:0 0 24px}.notice{text-align:right;background:#f6f8fc;border:1px solid #e9edf2;border-radius:14px;padding:18px}.notice h2{font-size:16px;margin:0 0 9px}.notice p{font-size:14px;color:#5f6b76;margin:8px 0 0}footer{border-top:1px solid #edf0f4;margin-top:30px;padding-top:20px;color:#717b85;font-size:11px}@media(max-width:480px){.card{padding:30px 23px 22px;border-radius:20px}.page{padding:20px 14px}h1{font-size:23px}}.page{background:#eef3f9;color:#30445e}.page .auth-shell{width:100%;max-width:844px}.page .card{position:relative;max-width:none;min-height:326px;background:#fff;border:0;border-radius:24px;box-shadow:none;padding:26px 28px;display:flex;justify-content:space-between;gap:30px}.page .wordmark{order:2;align-self:flex-start;margin:0}.page .wordmark img{display:block;width:145px;height:auto}.page .auth-content{order:1;width:min(100%,374px);display:flex;flex-direction:column;text-align:right;font-size:14px;line-height:1.6}.page .auth-content h1{font-size:14px;line-height:1.5;margin:0 0 8px;font-weight:700}.page .intro{margin:0;color:#30445e;font-size:14px}.page .auth-content .primary,.page .auth-content .secondary{min-height:47px;width:100%;border-radius:5px;padding:10px 17px;font-weight:400}.page .auth-content .primary{background:#315f9d;color:#fff;border:1px solid #315f9d}.page .auth-content .primary:hover:not(:disabled){background:#284f85}.page .auth-content .secondary{background:#fff;color:#315f9d;border:1px solid #a8c3e8}.page .auth-content .secondary:hover:not(:disabled){background:#f3f7fd}.page .caption{font-size:14px;color:#30445e;margin:30px 0 0}.page .google-signin{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:right}.page .google-icon{height:24px;width:24px;flex:none}.page .message{font-size:14px;background:none;color:#9e3131;padding:0;margin:10px 0}.page .auth-content .secondary{margin-top:15px}.auth-footer{border:0;margin:0;padding:18px 14px 0;color:#5b6e82;font-size:14px;letter-spacing:.15px;text-align:left}@media(max-width:600px){.page{padding:20px 14px}.page .card{min-height:0;display:flex;flex-direction:column;padding:24px;border-radius:20px;gap:25px}.page .wordmark{order:0;align-self:flex-end}.page .auth-content{order:1;width:100%;min-height:235px}.page .caption{margin:24px 0}.auth-footer{padding:14px 8px 0}}.auth-footer{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px}.auth-footer nav{display:flex;gap:24px;direction:rtl}.auth-footer a{color:inherit;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.auth-footer a:focus-visible{outline:3px solid #0b57d0;outline-offset:4px}@media(max-width:400px){.auth-footer{flex-wrap:wrap}.auth-footer nav{gap:16px}}
