.auth-page{color:#092b50;background:#fff;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:100vh;display:grid}.auth-panel{grid-template-rows:auto 1fr auto;min-height:100vh;padding:26px clamp(24px,6vw,88px) 22px;display:grid}.auth-top{justify-content:space-between;align-items:center;gap:20px;display:flex}.auth-brand{align-items:center;min-height:44px;display:inline-flex}.auth-brand .hokeypool-logo{width:150px;height:auto}.auth-nav{flex-wrap:wrap;justify-content:flex-end;gap:4px 22px;display:flex}.auth-nav a{color:#53677f;align-items:center;min-height:44px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.auth-nav a:hover{color:var(--hp-blue)}.auth-body{align-self:center;gap:16px;width:100%;max-width:440px;padding:36px 0;display:grid}.auth-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--hp-red);margin:0;font-size:12px;font-weight:800}.auth-page h1{font:700 clamp(42px,4.6vw,60px)/.95 var(--font-display,inherit);letter-spacing:-.03em;text-transform:uppercase;margin:0}.auth-dot{color:var(--hp-blue)}.auth-sub{color:#53677f;margin:0;font-size:16px;line-height:1.5}.auth-page h2{margin:0;font-size:17px}.auth-form{gap:12px;margin-top:6px;display:grid}.auth-google{color:#1f1f1f;cursor:pointer;background:#fff;border:1px solid #747775;border-radius:999px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:48px;padding:12px 18px;font:500 14px/20px Arial,sans-serif;display:flex}.auth-google-mark{flex:none;width:20px;height:20px;display:block;overflow:hidden}.auth-google-mark img{width:40px;max-width:none;height:40px;transform:translate(-10px,-10px)}.auth-google:hover{background:#f2f2f2}.auth-google:disabled{opacity:.65;cursor:wait}.auth-google:focus-visible{outline:3px solid var(--hp-blue);outline-offset:3px}.auth-divider{color:#53677f;align-items:center;gap:12px;margin:4px 0;font-size:13px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#dbe3ec;flex:1;height:1px}.auth-field{background:#f3f6fa;border:1.5px solid #e3e9f0;border-radius:12px;gap:2px;padding:9px 14px 8px;transition:border-color .15s,background .15s;display:grid}.auth-field:focus-within{border-color:var(--hp-blue);background:#fff}.auth-field span{letter-spacing:.02em;color:#53677f;font-size:11px;font-weight:600}.auth-field input{box-sizing:border-box;width:100%;min-width:0;min-height:28px;font:inherit;color:#092b50;background:0 0;border:0;padding:0;font-size:16px;font-weight:700}.auth-field input::placeholder{color:#9aa7b7;font-weight:500}.auth-field input:focus-visible{outline:none}.auth-sent{color:#4c6382;overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.5}.auth-page .auth-button{background:var(--hp-red);color:#fff;white-space:normal;border-radius:999px;width:100%;min-height:54px;margin:0;font-size:16px;font-weight:700;box-shadow:0 8px 24px #e4002b33}.auth-page .auth-button:hover{background:#b90e28}.auth-page .auth-button:disabled{opacity:.7}.auth-link-button{min-height:44px;color:var(--hp-blue);font:inherit;cursor:pointer;background:0 0;border:0;justify-self:start;padding:0;font-size:14px;font-weight:700}.auth-local{gap:10px;margin-top:6px;display:grid}.auth-local p{color:#4c6382;margin:0;font-size:14px;line-height:1.5}.auth-fine{color:#53677f;margin:0;font-size:13px;line-height:1.5}.auth-perks{flex-wrap:wrap;gap:8px;margin:6px 0 0;padding:0;list-style:none;display:flex}.auth-perks li{color:#3f5470;background:#fff;border:1px solid #e3e9f0;border-radius:999px;align-items:center;gap:8px;min-height:36px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.auth-perks svg{color:var(--hp-blue);flex:none}.auth-foot{justify-content:space-between;align-items:center;gap:16px;display:flex}.auth-language{color:#53677f;align-items:center;gap:10px;min-height:44px;font-size:13px;display:flex}.auth-language .language-control p{left:0;right:auto}.auth-page .error-box{border-color:var(--hp-red);color:#a30d24;background:#fde8ec;margin:0;font-size:14px}.auth-photo{clip-path:polygon(10% 0,100% 0,100% 100%,0 100%);background:#0a2a52;min-height:100vh;position:relative;overflow:hidden}.auth-photo img{object-fit:cover;object-position:55% 45%}.auth-mark{width:150px;display:block;position:absolute;bottom:24px;right:28px}.auth-mark .hokeypool-logo{width:100%;height:auto}@media (max-width:900px){.auth-page{grid-template-columns:1fr}.auth-photo{clip-path:polygon(0 0,100% 0,100% 84%,0 100%);order:-1;height:min(34vh,260px);min-height:0}.auth-mark{width:120px;top:18px;bottom:auto;right:20px}.auth-panel{min-height:auto;padding:14px 20px 22px}.auth-body{padding:18px 0 24px}.auth-top{flex-wrap:wrap}.auth-nav{justify-content:flex-start;gap:0 18px}.auth-nav a{font-size:13px}}.auth-remember{color:#48627c;cursor:pointer;align-items:center;gap:10px;min-height:44px;font-size:13px;display:flex}.auth-remember input{accent-color:#005eb8;flex:none;width:18px;height:18px}.auth-back{color:#005eb8;align-items:center;min-height:44px;margin-top:8px;font-size:14px;display:inline-flex}.auth-linking .auth-photo{display:none}.auth-linking{grid-template-columns:1fr}.auth-linking .auth-panel{width:100%;max-width:620px;min-height:100svh;margin:auto}.auth-linking .auth-perks,.auth-linking .how-it-works,.auth-linking .auth-fine{display:none}.auth-linking h1{font-size:clamp(28px,5vw,40px)}.auth-fields{border:0;gap:12px;min-width:0;margin:0;padding:0;display:grid}.auth-sent strong{overflow-wrap:anywhere}.auth-panel{min-width:0}.auth-field input{width:100%;min-width:0;font-size:16px}@media (max-width:900px){body.hokey-app .auth-page:not(.auth-linking){grid-template-rows:auto minmax(170px,1fr);min-height:100svh}body.hokey-app .auth-page:not(.auth-linking) .auth-panel{min-height:0}body.hokey-app .auth-page:not(.auth-linking) .auth-photo{clip-path:polygon(0 24%,100% 0,100% 100%,0 100%);order:0;height:auto;min-height:170px;display:block}body.hokey-app .auth-page:not(.auth-linking) .auth-photo img{object-position:50% 40%}body.hokey-app .auth-page:not(.auth-linking) .auth-mark{width:118px;top:auto;bottom:18px;right:18px}}