@import url('assets/fonts/fonts.css');
body{margin:0;background:#f4f5ef;color:#243e3b;font:15px 'DM Sans',Arial,sans-serif;min-height:100vh;display:grid;place-items:center;padding:22px;box-sizing:border-box}*{box-sizing:border-box}.auth-card{background:white;border:1px solid #dce4da;padding:32px;border-radius:15px;width:100%;max-width:480px;box-shadow:0 12px 50px #243e3b08}.auth-card.wide{max-width:620px}.auth-brand{font-weight:900;font-size:38px;letter-spacing:-2px}.auth-brand span{color:#087f75}h1{font-size:25px;margin:22px 0 12px}h2{font-size:16px;margin:25px 0 10px}p{font-size:13px;color:#718078;line-height:1.8}label{display:block;font-size:12px;font-weight:600;margin:17px 0 6px}input{font:inherit;padding:13px;border:1px solid #dce4da;width:100%;border-radius:7px;min-height:46px}input:focus{outline:2px solid #8cad7e}button,.button{display:block;text-align:center;text-decoration:none;background:#087f75;color:white;border:0;border-radius:7px;min-height:48px;padding:14px 18px;font:600 14px 'DM Sans',Arial,sans-serif;margin-top:22px;width:100%;cursor:pointer}.error{padding:13px;background:#fff0ee;border:1px solid #efc6c1;color:#a43131;border-radius:8px;line-height:1.8;font-size:13px}.success{padding:15px;background:#eff5e3;border-radius:8px;line-height:1.8}.hint{font-size:11px;line-height:1.8;color:#748275}.grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}code{font-size:12px}a{color:#087f75}.password-pair input{margin-bottom:4px}@media(max-width:520px){.auth-card{padding:24px 19px}.grid{display:block}input{font-size:16px}h1{font-size:23px}}

body{background:radial-gradient(ellipse at 90% 90%,#c5e5d0,transparent 55%),#f4f5ef}.auth-card{border-color:#dce5dd;border-radius:20px;padding:36px;max-width:500px;box-shadow:0 18px 55px #243e3b0b}.auth-brand{display:flex;align-items:center;gap:10px;font:800 25px 'Manrope',Arial,sans-serif;letter-spacing:-1px;white-space:nowrap}.auth-brand .sporti-mark{flex:0 0 36px}.auth-brand .sporti-wordmark{color:#243e3b}.auth-brand .live-prefix{color:#087f75}h1,h2{font-family:'Manrope',Arial,sans-serif;letter-spacing:-.7px}button,.button{border-radius:26px}input{border-radius:10px}input:focus{outline:2px solid #8abdb1}.success{background:#e3f0e6}@media(max-width:520px){.auth-card{padding:26px 20px}.auth-brand{font-size:22px}.auth-brand .sporti-mark{width:31px;height:31px;flex-basis:31px}}