@import url("./shared_R001.css");

:root{--yellow:#f7d84b;--white:#f8f7f2;--muted:#aaa9a3;--line:rgba(255,255,255,.16);--display:"Anton","Impact","Arial Narrow",sans-serif;--body:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}
html{min-height:100%;background:#050505;color-scheme:dark}
body{min-height:100vh;min-height:100lvh;margin:0;background:#050505;color:var(--white);font-family:var(--body);-webkit-font-smoothing:antialiased}
button,input,a{font:inherit}
.login-bg{position:fixed;inset:-12vh -4vw;min-width:108vw;min-height:124vh;background:linear-gradient(180deg,rgba(5,5,5,.35),rgba(5,5,5,.84)),url("./assets/journey-hub-terraces-background_R011.webp") center/cover no-repeat}
.login-shell{position:relative;z-index:1;display:grid;grid-template-rows:auto 1fr auto;min-height:100vh;min-height:100lvh;width:min(100%,520px);margin:auto;padding:calc(20px + env(safe-area-inset-top)) 20px calc(22px + env(safe-area-inset-bottom))}
.login-brand{display:flex;align-items:center;gap:10px;color:var(--white);text-decoration:none}.login-brand img{width:37px;height:37px;border-radius:11px}.login-brand strong{font-size:12px;letter-spacing:.13em;text-transform:uppercase}
.login-card{align-self:center;padding:28px 25px 25px;border:1px solid rgba(247,216,75,.25);border-radius:29px;background:linear-gradient(145deg,rgba(255,255,255,.10),transparent 38%),rgba(8,8,7,.77);box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 30px 90px rgba(0,0,0,.54);backdrop-filter:blur(24px) saturate(1.04);-webkit-backdrop-filter:blur(24px) saturate(1.04)}
body.is-activation .login-card{align-self:start;margin-top:28px}
.login-lock{display:grid;place-items:center;width:48px;height:48px;margin-bottom:22px;border:1px solid rgba(247,216,75,.52);border-radius:50%;color:var(--yellow);background:rgba(247,216,75,.06);box-shadow:0 0 24px rgba(247,216,75,.10)}.login-lock svg{width:21px}.login-lock path{fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.login-kicker{display:block;color:var(--yellow);font-size:9px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.login-card h1{margin:9px 0 0;font:400 clamp(40px,12vw,61px)/.93 var(--display);letter-spacing:-.025em;text-transform:uppercase}
.login-lead{margin:15px 0 0;color:var(--muted);font-size:13px;line-height:1.55}
.login-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:22px;padding:4px;border:1px solid var(--line);border-radius:999px;background:rgba(5,5,5,.44)}
.login-tab{min-height:39px;border:0;border-radius:999px;background:transparent;color:var(--muted);font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.login-tab.is-active{background:rgba(247,216,75,.12);color:var(--yellow);box-shadow:inset 0 0 0 1px rgba(247,216,75,.34)}
.login-form{display:grid;gap:12px;margin-top:18px}.login-form[hidden]{display:none}.login-form label{color:var(--white);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.login-form input{width:100%;height:50px;margin-top:8px;padding:0 15px;border:1px solid rgba(255,255,255,.19);border-radius:15px;background:rgba(5,5,5,.56);color:var(--white);font-size:16px;outline:0}.login-form input:focus{border-color:rgba(247,216,75,.66);box-shadow:0 0 0 3px rgba(247,216,75,.09)}
.login-action{min-height:50px;margin-top:2px;border:1px solid rgba(247,216,75,.58);border-radius:999px;background:rgba(247,216,75,.095);color:var(--yellow);font-weight:900;letter-spacing:.06em;text-transform:uppercase}.login-action:disabled{opacity:.55}.login-action:focus-visible,.login-help:focus-visible,.login-tab:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}
.login-status{min-height:42px;margin:15px 0 0;padding-top:14px;border-top:1px solid var(--line);color:var(--muted);font-size:11px;line-height:1.5}.login-status.is-error{color:#f06f4f}.login-status.is-success{color:#a8c96f}
.login-meta{display:flex;justify-content:space-between;gap:14px;margin-top:17px;color:var(--muted);font-size:9px;line-height:1.4}.login-meta span{max-width:260px}.login-help{color:var(--yellow);text-decoration:none;white-space:nowrap}
.login-foot{align-self:end;margin:22px 0 0;color:rgba(255,255,255,.5);font-size:9px;line-height:1.45;text-align:center}.login-foot strong{color:var(--white)}
@media(max-width:390px){.login-shell{padding-left:16px;padding-right:16px}.login-card{padding:24px 20px 21px;border-radius:25px}.login-card h1{font-size:43px}.login-meta{display:grid}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}