.login-card{margin:16px 0;padding:20px;border:1px solid #6e5732;border-radius:20px;background:radial-gradient(ellipse at 100% 0,rgba(232,167,60,.13),transparent 65%),#111d31;color:#eef3ff;box-shadow:0 8px 24px #0002}
.login-heading{display:flex;align-items:center;gap:12px}
.login-flame{display:grid;place-items:center;flex:0 0 48px;height:48px;border:1px solid #ad804650;border-radius:15px;background:linear-gradient(150deg,#60462670,#33241c70);font-size:27px}
.login-heading h2{margin:3px 0 0;font-size:23px;line-height:1.2;overflow-wrap:anywhere}
.login-eyebrow{margin:0;color:#ddb676;font-size:10px;letter-spacing:1.5px;font-weight:700}
.login-infinity{margin-left:auto;color:#eabc72;font-size:34px}
.login-road{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;padding:0;margin:20px 0 16px;gap:7px}
.login-road li{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:86px;padding:10px 3px;border:1px solid #354159;border-radius:12px;text-align:center;background:#0b1525;color:#9daec7;min-width:0}
.login-road li>span{font-size:10px;font-weight:700;overflow-wrap:anywhere}
.login-road li>b{font-size:23px;line-height:1.1}
.login-road li>small{font-size:9px}
.login-road .is-done{border-color:#315950;color:#8bbcab;background:#122b2b}
.login-road .is-today{border:2px solid #f1c16f;background:#62472955;color:#ffe0a4;box-shadow:0 0 12px #e9a94012}
.login-road .is-grand:not(.is-done){background:linear-gradient(155deg,#694c303d,#34274680);border-color:#927143}
.login-award{padding:14px;border-radius:14px;background:#182a30;border:1px solid #38594c}
.login-award-title{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.login-award-title h3,.login-details h3{margin:0;font-size:14px;line-height:1.4}
.login-award-title>span{color:#88dec0;font-size:10px;font-weight:700}
.login-prizes{display:flex;gap:9px;flex-wrap:wrap}
.login-prize{display:flex;align-items:center;gap:7px;padding:7px 9px;min-width:82px;border:1px solid #718b942b;border-radius:9px;background:#06152159}
.login-prize>span:first-child{font-size:21px;line-height:1.2}
.login-prize b{display:block;font-size:13px;font-variant-numeric:tabular-nums;color:#f4f7ff}
.login-prize small{display:block;margin-top:2px;color:#afbdd0;font-size:9px}
.login-next{margin-top:16px}
.login-next>div:first-child{display:flex;gap:8px;align-items:center;color:#f4d399;font-size:12px;line-height:1.5}
.login-next>p{margin:4px 0 11px;color:#aebbd0;font-size:11px}
.login-next .login-prize{background:#0e182680;min-width:70px;padding:6px 8px}
.login-next .login-prize>span:first-child{font-size:18px}
.login-next .login-prize b{font-size:12px}
.login-details{margin-top:17px;border-top:1px solid #42516a;padding-top:13px}
.login-details summary{cursor:pointer;color:#c5d5ed;font-size:12px;min-height:28px;line-height:1.7}
.login-details h3{margin:12px 0}
.login-details p{color:#aebbd0;font-size:11px;line-height:1.65;margin:12px 0}
.login-highlights>div{margin-top:14px;padding-top:12px;border-top:1px solid #36425b}
.login-highlights>div>b{display:block;margin-bottom:9px;font-size:12px;color:#eac58d}
.login-footnote{margin:9px 0 0;color:#9eaec8;font-size:10px;line-height:1.6}
.login-reset{padding:9px 11px;margin:13px 0 0;background:#604c3038;border-radius:9px;font-size:11px;line-height:1.6;color:#f0ca93}
.login-grand{border-color:#d3a454;box-shadow:0 8px 30px #d8aa4912;background:radial-gradient(ellipse at 90% 0,#d197362e,transparent 65%),#151c30}
.login-details summary:focus-visible{outline:2px solid #f1c16f;outline-offset:4px;border-radius:4px}
@media(max-width:380px){.login-card{padding:14px}.login-heading h2{font-size:21px}.login-road{gap:4px}.login-road li>span{font-size:9px}.login-road li>small{font-size:8px}.login-award{padding:11px}.login-prizes{gap:6px}.login-prize{min-width:74px;padding:7px}.login-next .login-prize{min-width:65px}}
