.auth-page{color:#17352b;background-color:#fffaf0;background-image:linear-gradient(#fffaf0d6,#fffaf0d6),url(/football-doodle-corrected-v3.png);background-size:auto,760px;flex-direction:column;align-items:center;min-height:100vh;padding:25px 20px 18px;display:flex}.auth-top{justify-content:space-between;align-items:center;width:min(1080px,100%);display:flex}.auth-brand img{width:142px;height:auto;display:block}.auth-back{color:#376052;font-size:.9rem;font-weight:800}.auth-card{background:#fff;border:1px solid #dfe8e3;border-radius:20px;width:min(470px,100%);margin:auto;padding:37px 38px 29px;box-shadow:0 20px 55px #06452f12}.auth-mark{background:#e8f5ed;border-radius:16px;place-items:center;width:54px;height:54px;font-size:27px;display:grid}.auth-eyebrow{color:#087a4f;letter-spacing:.11em;margin:20px 0 7px;font-size:.72rem;font-weight:900}.auth-card h1{color:#06452f;letter-spacing:-.045em;max-width:none;margin:0;font-size:2.05rem;line-height:1.1}.auth-intro{color:#65756f;margin:10px 0 24px}.auth-form{gap:16px;display:grid}.auth-form label{color:#274d3f;gap:7px;font-size:.9rem;font-weight:800;display:grid}.auth-form input{color:#17352b;width:100%;height:49px;font:inherit;background:#fff;border:1px solid #cfddd5;border-radius:8px;outline:none;padding:0 13px;font-weight:500}.auth-form input:focus{border-color:#087a4f;box-shadow:0 0 0 3px #087a4f1a}.auth-form input::placeholder{color:#a0aba5}.auth-submit{color:#06452f;width:100%;height:50px;font:inherit;cursor:pointer;background:#ffd83d;border:0;border-radius:8px;justify-content:center;align-items:center;gap:9px;margin-top:5px;font-weight:900;display:flex}.auth-submit:hover{background:#ffcf1b}.auth-submit:disabled,.auth-providers button:disabled{opacity:.65;cursor:wait}.auth-or{color:#87948e;align-items:center;gap:12px;margin:21px 0 14px;font-size:.82rem;display:flex}.auth-or:before,.auth-or:after{content:"";background:#e5ebe7;flex:1;height:1px}.auth-providers{gap:10px;display:grid}.auth-providers button{color:#294a3e;height:46px;font:inherit;cursor:pointer;background:#fff;border:1px solid #d7e0db;border-radius:8px;justify-content:center;align-items:center;gap:10px;font-weight:800;display:flex}.auth-providers button:hover{background:#f8fbf9;border-color:#a8bdb1}.google-g{color:#4285f4;font-size:19px;font-weight:900}.microsoft-mark{grid-template-rows:8px 8px;grid-template-columns:8px 8px;gap:2px;display:grid}.microsoft-mark i:first-child{background:#f25022}.microsoft-mark i:nth-child(2){background:#7fba00}.microsoft-mark i:nth-child(3){background:#00a4ef}.microsoft-mark i:nth-child(4){background:#ffb900}.auth-switch{text-align:center;color:#65756f;margin:22px 0 0;font-size:.9rem}.auth-switch a{color:#087a4f;text-underline-offset:3px;font-weight:900;text-decoration:underline}.auth-privacy{color:#8a9690;text-align:center;margin:21px 0 0;font-size:.72rem;line-height:1.5}.auth-footer{color:#65756f;font-size:.78rem}.auth-alert,.auth-success{border-radius:8px;margin:15px 0 0;padding:11px 13px;font-size:.86rem;line-height:1.5}.auth-alert{color:#9f2630;background:#fff0f0;border:1px solid #f3c9cb}.auth-success{color:#17673c;background:#edf8f0;border:1px solid #c6e6ce}.auth-spin{animation:.9s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}@media (max-width:520px){.auth-page{padding:18px 14px}.auth-brand img{width:122px}.auth-card{margin:45px 0 30px;padding:27px 22px 23px}.auth-card h1{font-size:1.8rem}}.auth-resend{gap:9px;margin:18px 0;display:grid}.auth-resend button{color:#08744f;text-underline-offset:4px;font:inherit;cursor:pointer;background:0 0;border:0;justify-self:start;padding:5px 0;font-size:14px;font-weight:700;text-decoration:underline}.auth-resend button:disabled{opacity:.55;cursor:default}.auth-resend small{color:#718179;font-size:12px;line-height:1.6}.auth-password-field{gap:7px;display:grid}.auth-password-input{position:relative}.auth-form .auth-password-input input{padding-right:52px}.auth-password-eye{color:#567768;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:43px;height:43px;display:grid;position:absolute;top:3px;right:3px}.auth-password-eye:hover{background:#edf5ef}.auth-password-eye:focus-visible{outline-offset:-2px;outline:2px solid #087a4f}.auth-footer{text-align:center}.auth-footer .auth-contact{color:#087a4f;text-underline-offset:3px;overflow-wrap:anywhere;margin-top:8px;font-size:12px;line-height:1.7;text-decoration:underline;display:block}
