.login-screen{isolation:isolate;width:100%;min-height:100svh;color:var(--text-1);flex-direction:column;display:flex}.login-header,.login-footer{justify-content:space-between;align-items:center;gap:24px;width:min(100% - 96px,1328px);margin-inline:auto;display:flex}.login-header{min-height:96px}.login-home{padding-block:12px;display:inline-flex}.login-home .arsenal-logo{width:190px;height:auto}.login-main{flex:1;place-items:center;padding:24px 48px 40px;display:grid}.login-composition{border:1px solid var(--line-2);border-radius:var(--radius-lg);background:var(--background);width:min(100%,1120px);box-shadow:var(--card-shadow);grid-template-columns:1.08fr 1fr;display:grid;overflow:clip}.login-identity{border-right:1px solid var(--line-1);background:var(--surface-1);flex-direction:column;justify-content:center;min-width:0;min-height:568px;padding:52px;display:flex;position:relative;overflow:hidden}.login-identity-grid{pointer-events:none;background-image:linear-gradient(var(--line-1) 1px, transparent 1px), linear-gradient(90deg, var(--line-1) 1px, transparent 1px);-webkit-mask-image:radial-gradient(ellipse at 45% 40%, var(--text-1), transparent 72%);mask-image:radial-gradient(ellipse at 45% 40%, var(--text-1), transparent 72%);opacity:.4;background-position:50%;background-size:64px 64px;position:absolute;inset:0}.login-emblem{place-items:center;min-height:270px;margin-bottom:48px;display:grid;position:relative}.login-emblem-halo{background:radial-gradient(ellipse, rgb(var(--silver) / .085), transparent 64%);pointer-events:none;border-radius:50%;position:absolute;inset:-25% -15%}.login-emblem-mark{width:min(100%,372px);color:var(--text-1);animation:login-mark-settle .9s var(--ease-out) both;position:relative}.login-emblem-mark .arsenal-logo{width:100%;height:auto;display:block}.login-emblem-rule{bottom:0;background:linear-gradient(90deg, transparent, var(--line-2) 20%, var(--line-2) 80%, transparent);height:1px;position:absolute;inset-inline:0;overflow:hidden}.login-emblem-rule:after{content:"";background:linear-gradient(90deg, transparent, var(--text-2), transparent);animation:login-light-pass 1.5s var(--ease-out) .12s both;position:absolute;inset:0}.login-identity-caption{position:relative}.login-identity-label{font-family:var(--font-geist-mono), monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--text-3);margin-bottom:16px;font-size:10px;font-weight:500;line-height:1.5;display:block}.login-identity-caption p{font-family:var(--font-gt-america), sans-serif;letter-spacing:-.025em;text-wrap:balance;font-size:clamp(25px,2.4vw,32px);font-weight:500;line-height:1.25}.login-panel{place-items:center;min-width:0;padding:56px 48px;display:grid}.login-content{width:100%;max-width:368px}.login-heading{font-family:var(--font-gt-america), sans-serif;letter-spacing:-.035em;text-wrap:balance;overflow-wrap:anywhere;font-size:clamp(32px,3.25vw,44px);font-weight:500;line-height:1.12}.login-introduction{color:var(--text-2);margin-top:16px;font-size:15px;line-height:1.65}.login-plan{color:var(--text-2);margin-top:20px;font-size:12px;line-height:1.7}.login-plan span{color:var(--text-1);text-transform:capitalize}.login-form{margin-top:36px}.login-google.btn{background:var(--surface-2);border:1px solid var(--line-2);width:100%;min-height:52px;color:var(--text-1);font-size:14px;font-weight:500}.login-google.btn:hover:not(:disabled){background:color-mix(in srgb, var(--text-1) 7%, var(--background));border-color:color-mix(in srgb, var(--text-2) 65%, var(--background))}.login-google .btn-label{gap:12px}.login-google svg{flex-shrink:0}.login-access-note{color:var(--text-3);text-wrap:pretty;margin-top:22px;font-size:12px;line-height:1.75}.login-error{border:1px solid var(--danger-line);border-radius:var(--radius-sm);background:var(--danger-bg);color:var(--danger-fg);align-items:flex-start;gap:10px;margin-top:24px;padding:12px 14px;font-size:13px;line-height:1.6;display:flex}.login-error svg{flex-shrink:0;margin-top:2px}.login-error+.login-form{margin-top:20px}.login-footer{min-height:72px;color:var(--text-3);padding-block:20px;font-size:12px;line-height:1.5}.login-footer nav{flex-wrap:wrap;gap:24px;display:flex}.login-explore{align-items:center;gap:6px;display:inline-flex}.login-footer a:hover{color:var(--text-1)}.login-screen a:focus-visible{outline:2px solid var(--ring);outline-offset:6px;border-radius:var(--radius-xs)}.login-main:focus{outline:none}.login-skip{z-index:100;background:var(--surface-2);padding:12px 16px;position:fixed;top:12px;left:16px;transform:translateY(-200%)}.login-skip:focus{transform:none}.login-loading{min-height:270px}.login-loading-title{width:80%;height:48px;margin-bottom:18px}.login-loading-copy{width:90%;height:16px;margin-bottom:8px}.login-loading-button{width:100%;height:52px;margin-top:36px}.login-loading-note{width:100%;height:12px;margin-top:22px}@keyframes login-mark-settle{0%{opacity:.2;transform:translateY(10px)scale(.97)}to{opacity:1;transform:none}}@keyframes login-light-pass{0%{opacity:0;transform:translate(-110%)}35%{opacity:.8}to{opacity:0;transform:translate(110%)}}@media (max-width:900px){.login-header,.login-footer{width:calc(100% - 48px)}.login-main{padding:20px 24px 28px}.login-identity{min-height:520px;padding:36px}.login-emblem{min-height:240px;margin-bottom:32px}.login-panel{padding:40px 32px}}@media (max-width:680px){.login-header{min-height:76px}.login-home .arsenal-logo{width:164px}.login-main{padding:12px 24px 24px}.login-composition{grid-template-columns:1fr;max-width:440px}.login-identity{border-right:0;border-bottom:1px solid var(--line-1);min-height:176px;padding:28px 32px}.login-emblem{min-height:118px;margin:0}.login-emblem-mark{width:204px}.login-emblem-rule,.login-identity-caption{display:none}.login-panel{padding:34px 28px 38px}.login-heading{font-size:34px}.login-introduction{font-size:14px}.login-form{margin-top:28px}.login-footer{gap:16px;min-height:64px;font-size:11px}.login-footer nav{gap:16px}}@media (max-width:360px){.login-main{padding-inline:16px}.login-header,.login-footer{width:calc(100% - 32px)}.login-panel{padding-inline:24px}.login-footer{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.login-emblem-mark{animation:none}.login-emblem-rule:after{opacity:0;animation:none}}@media (forced-colors:active){.login-identity-grid,.login-emblem-halo,.login-emblem-rule{display:none}.login-composition,.login-google.btn{border-color:canvastext}}