.login-wrap{padding:64px 0 96px;position:relative;overflow:hidden}.login-wrap:before{content:"01";font-family:var(--font-display);color:var(--paper-2);letter-spacing:-.06em;pointer-events:none;z-index:0;-webkit-user-select:none;user-select:none;font-size:22rem;font-style:italic;font-weight:600;line-height:1;position:absolute;bottom:-40px;left:-28px}.login-wrap:after{content:"VOL. 01 · ENTRANCE";font-family:var(--font-mono);letter-spacing:.24em;color:var(--ink-3);pointer-events:none;z-index:0;font-size:.66rem;position:absolute;top:28px;right:28px}.login-grid{z-index:1;grid-template-columns:1.05fr .95fr;align-items:stretch;gap:56px;display:grid;position:relative}.login-marquee{flex-direction:column;gap:28px;padding-top:12px;display:flex}.login-rule{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.22em;color:var(--ink-3);align-items:center;gap:12px;font-size:.7rem;display:flex}.login-rule:after{content:"";background:var(--line-strong);flex:1;height:1px}.login-headline{font-family:var(--font-display);letter-spacing:-.035em;color:var(--ink);font-size:4.4rem;font-weight:600;line-height:.95}.login-headline em{color:var(--accent);font-style:italic}.login-headline .ink2{color:var(--ink-3)}.login-lede{color:var(--ink-2);max-width:460px;font-size:1.04rem;line-height:1.55}.login-steps{border-top:1px solid var(--line);gap:0;margin-top:4px;display:grid}.login-step{border-bottom:1px solid var(--line);grid-template-columns:56px 1fr;align-items:baseline;gap:16px;padding:18px 0;display:grid}.login-step-num{font-family:var(--font-mono);letter-spacing:.18em;color:var(--accent);font-size:.72rem;font-weight:500}.login-step-text{color:var(--ink-2);font-size:.95rem;line-height:1.45}.login-step-text strong{color:var(--ink);font-weight:600}.login-slab{background:var(--navy);color:#e9e6dc;border-radius:var(--radius);box-shadow:0 1px 0 var(--line), 0 30px 60px -28px #14161c99, inset 0 1px 0 #ffffff0a;flex-direction:column;gap:24px;padding:40px 36px 32px;display:flex;position:relative}.login-slab:before{content:"№ 001 — MEMBERS' ENTRANCE";font-family:var(--font-mono);letter-spacing:.22em;color:#e9e6dc6b;font-size:.62rem;position:absolute;top:14px;left:18px}.login-slab:after{content:"";background:linear-gradient(90deg,#e8431f8c,#e8431f26 40%,#e9e6dc2e);height:1px;position:absolute;top:36px;left:18px;right:18px}.login-slab-mark{width:34px;height:34px;margin-top:18px;position:relative}.login-slab-mark span{opacity:0;width:14px;height:14px;animation:.6s forwards mark-fade;position:absolute}.login-slab-mark span:first-child{background:var(--accent);animation-delay:60ms;top:0;left:0}.login-slab-mark span:nth-child(2){background:#e9e6dceb;animation-delay:.14s;top:0;right:0}.login-slab-mark span:nth-child(3){background:#e9e6dceb;animation-delay:.22s;bottom:0;left:0}.login-slab-mark span:nth-child(4){background:var(--accent);animation-delay:.3s;bottom:0;right:0}@keyframes mark-fade{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:none}}.login-slab-title{font-family:var(--font-display);letter-spacing:-.025em;color:#f7f4ea;font-size:1.9rem;font-weight:600;line-height:1.05}.login-slab-title em{color:var(--accent);font-style:italic}.login-slab-sub{color:#e9e6dca8;max-width:380px;font-size:.92rem;line-height:1.55}.login-providers{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:#e9e6dc8c;align-items:center;gap:14px;font-size:.7rem;display:flex}.login-providers .dot-mark{background:#e9e6dc73;border-radius:50%;width:4px;height:4px;display:inline-block}.login-cta{background:var(--accent);color:#fff;border:1px solid var(--accent);border-radius:var(--radius);font-family:var(--font-body);letter-spacing:.01em;cursor:pointer;justify-content:space-between;align-items:center;gap:14px;padding:16px 22px;font-size:1rem;font-weight:600;text-decoration:none;transition:transform .12s,box-shadow .18s,background .12s;display:inline-flex;box-shadow:0 1px #0000002e,0 12px 28px -16px #e8431fb3}.login-cta:hover{background:var(--accent-deep);border-color:var(--accent-deep);transform:translateY(-1px);box-shadow:0 1px #00000038,0 18px 36px -16px #e8431fcc}.login-cta:active{transform:translateY(0)}.login-cta[aria-disabled=true]{opacity:.5;cursor:progress;pointer-events:none}.login-cta-arrow{font-family:var(--font-mono);font-size:1.05rem;transition:transform .18s}.login-cta:hover .login-cta-arrow{transform:translate(3px)}.login-cta-stack{flex-direction:column;gap:12px;display:flex}.login-cta-stack .login-cta{width:100%}.login-cta-alt{background:#161616;border-color:#161616;box-shadow:0 1px #00000038,0 12px 28px -18px #0009}.login-cta-alt:hover{background:#000;border-color:#000;box-shadow:0 1px #00000042,0 18px 36px -18px #000000b3}.login-meta{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#e9e6dc66;border-top:1px solid #e9e6dc1f;justify-content:space-between;align-items:center;gap:16px;margin-top:6px;padding-top:18px;font-size:.68rem;display:flex}.login-meta a{color:#e9e6dcb3;border-bottom:1px dotted #e9e6dc59;padding-bottom:1px}.login-meta a:hover{color:#fff}.login-error{color:#fde6dd;border-radius:var(--radius);background:#e8431f1f;border:1px solid #e8431f73;padding:10px 14px;font-size:.85rem;line-height:1.45}.login-dev{z-index:1;margin-top:56px;position:relative}.login-dev-head{flex-wrap:wrap;align-items:baseline;gap:14px;margin-bottom:16px;display:flex}.login-dev-head h2{font-family:var(--font-display);letter-spacing:-.015em;color:var(--ink);white-space:nowrap;font-size:1.15rem;font-weight:600}.login-dev-head .login-dev-tail{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap;margin-left:auto;font-size:.66rem}.login-dev-grid{background:var(--line);border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1px;display:grid;overflow:hidden}.login-dev-row{background:var(--card);text-align:left;cursor:pointer;width:100%;font:inherit;color:inherit;border:none;align-items:center;gap:14px;padding:14px 16px;transition:background .1s;display:flex}.login-dev-row:hover{background:var(--paper-2)}.login-dev-row:disabled{cursor:not-allowed;opacity:.55}.login-dev-avatar{width:34px;height:34px;font-family:var(--font-display);color:#fff;background:var(--accent);border-radius:2px;flex:none;justify-content:center;align-items:center;font-size:.95rem;font-weight:600;display:flex}.login-dev-row.is-admin .login-dev-avatar{background:var(--navy)}.login-dev-meta{flex:1;min-width:0}.login-dev-name{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;display:block;overflow:hidden}.login-dev-email{font-family:var(--font-mono);color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.login-dev-arrow{font-family:var(--font-mono);color:var(--ink-3);font-size:.95rem;transition:color .1s,transform .1s}.login-dev-row:hover .login-dev-arrow{color:var(--accent);transform:translate(2px)}.login-dev-skeleton{background:linear-gradient(90deg, var(--paper-2) 25%, var(--line) 50%, var(--paper-2) 75%);background-size:200% 100%;animation:1.4s infinite shimmer}.login-anim{opacity:0;animation:.52s cubic-bezier(.22,1,.36,1) forwards rise-in;transform:translateY(8px)}.login-anim-1{animation-delay:40ms}.login-anim-2{animation-delay:.11s}.login-anim-3{animation-delay:.18s}.login-anim-4{animation-delay:.25s}.login-anim-5{animation-delay:.32s}@keyframes rise-in{to{opacity:1;transform:none}}@media (max-width:940px){.login-grid{grid-template-columns:1fr;gap:36px}.login-headline{font-size:3.2rem}.login-wrap:before{font-size:12rem;top:-10px;right:-16px}.login-slab{padding:36px 28px 28px}}@media (max-width:560px){.login-wrap{padding:36px 0 64px}.login-headline{font-size:2.6rem}.login-wrap:before,.login-wrap:after{display:none}.login-slab-title{font-size:1.55rem}.login-dev-head .login-dev-tail{flex-basis:100%;margin-left:0}}