.login-page{--bone:#f2ede3;--stone:#c8bca8;--ink:#100e0b;--ink-2:#14110c;--on-dark:#efe8da;--on-dark-mut:#a99c86;--on-dark-dim:#7e7361;--gold:#c8975a;--gold-line:#c8975ab3;--display:"Newsreader", Georgia, "Times New Roman", serif;--ui:"Neue Haas Display", "Hanken Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono:"Spline Sans Mono", ui-monospace, Menlo, monospace;--pad-y:clamp(26px, 3.2vw, 46px);--pad-x:clamp(26px, 4vw, 64px);--ease:cubic-bezier(.22, 1, .36, 1);--r:2px;--hero:url(/login-bg.jpg);box-sizing:border-box;min-height:100dvh;font-family:var(--ui);color:var(--on-dark);background:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;position:relative}.login-page *,.login-page :before,.login-page :after{box-sizing:border-box;margin:0;padding:0}.login-page a{color:inherit;text-decoration:none}.login-page ::selection{background:var(--gold);color:var(--ink)}.login-page .bg{z-index:0;background:var(--ink) var(--hero) center / cover no-repeat;position:fixed;inset:0}.login-page .bg:after{content:"";background:linear-gradient(100deg,#100e0b8c 0%,#100e0b1f 40%,#100e0b0d 70%),linear-gradient(#100e0b00 68%,#100e0b8c),radial-gradient(120% 90% at 78%,#100e0b6b,#100e0b00 60%);position:absolute;inset:0}.login-page .grain{z-index:1;pointer-events:none;opacity:.045;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.login-page .shell{z-index:2;min-height:100dvh;padding:var(--pad-y) var(--pad-x);flex-direction:column;display:flex;position:relative}.login-page .topbar{justify-content:space-between;align-items:flex-start;display:flex}.login-page .wordmark{font-family:var(--display);letter-spacing:.4em;text-indent:.4em;text-transform:uppercase;color:var(--on-dark);font-size:clamp(19px,1.7vw,23px);font-weight:400}.login-page .lang{font-family:var(--ui);align-items:center;gap:13px;font-size:14px;display:flex}.login-page .lang button{cursor:pointer;font:inherit;color:var(--on-dark-mut);transition:color .25s var(--ease), border-color .25s var(--ease);background:0 0;border:0;border-bottom:1px solid #0000;padding:2px 0}.login-page .lang button:hover{color:var(--on-dark)}.login-page .lang button.is-active{color:var(--on-dark);border-bottom-color:var(--gold)}.login-page .lang .sep{color:var(--on-dark-dim);font-weight:300}.login-page .middle{flex:1;grid-template-columns:minmax(0,1fr) clamp(380px,33vw,468px);align-items:center;gap:clamp(40px,6vw,96px);padding:clamp(24px,5vh,64px) 0;display:grid}.login-page .left{flex-direction:column;justify-content:center;gap:clamp(70px,13vh,150px);display:flex}.login-page .hero h1{font-family:var(--display);letter-spacing:-.015em;color:var(--on-dark);font-size:clamp(40px,5.4vw,72px);font-weight:300;line-height:1.02}.login-page .sublabel{font-family:var(--ui);letter-spacing:.22em;text-transform:uppercase;color:var(--on-dark-mut);margin-top:24px;font-size:11.5px;font-weight:500;line-height:1.9}.login-page .exclusive{max-width:40ch}.login-page .eyebrow{font-family:var(--mono);letter-spacing:.26em;text-transform:uppercase;color:var(--gold);margin-bottom:14px;font-size:10.5px}.login-page .exclusive p{font-family:var(--ui);color:var(--on-dark-mut);font-size:13.5px;line-height:1.65}.login-page .req{color:var(--on-dark);border-bottom:1px solid var(--gold-line);transition:gap .3s var(--ease), border-color .3s var(--ease);align-items:center;gap:9px;margin-top:18px;padding-bottom:3px;font-size:13.5px;display:inline-flex}.login-page .req:hover{border-color:var(--gold);gap:14px}.login-page .req svg{width:16px;height:16px}.login-page .card{-webkit-backdrop-filter:blur(16px)saturate(115%);backdrop-filter:blur(16px)saturate(115%);border-radius:var(--r);background:#120f0b80;border:1px solid #efe8da21;align-self:center;width:100%;padding:clamp(30px,2.6vw,42px);box-shadow:0 30px 80px -40px #000000b3}.login-page .welcome{font-family:var(--display);letter-spacing:-.01em;color:var(--on-dark);font-size:clamp(27px,2.4vw,32px);font-weight:300;line-height:1.1}.login-page .welcome-sub{color:var(--on-dark-mut);margin-top:8px;font-size:14px}.login-page form{margin-top:30px}.login-page .field{margin-bottom:18px}.login-page .field label{color:var(--on-dark);margin-bottom:9px;font-size:13px;font-weight:500;display:block}.login-page .input-wrap{position:relative}.login-page .field input{width:100%;height:48px;font-family:var(--ui);color:var(--on-dark);border-radius:var(--r);transition:border-color .2s var(--ease), box-shadow .2s var(--ease), background .2s var(--ease);background:#0807056b;border:1px solid #efe8da29;padding:0 15px;font-size:15px}.login-page .field input::placeholder{color:var(--on-dark-dim)}.login-page .field input:focus{border-color:var(--gold);background:#08070599;outline:none;box-shadow:0 0 0 3px #c8975a29}.login-page .field input.pw{padding-right:46px}.login-page .peek{cursor:pointer;width:46px;height:48px;color:var(--on-dark-mut);transition:color .2s var(--ease);background:0 0;border:0;justify-content:center;align-items:center;display:flex;position:absolute;top:0;right:0}.login-page .peek:hover{color:var(--on-dark)}.login-page .peek svg{width:18px;height:18px}.login-page .row{justify-content:space-between;align-items:center;margin:6px 0 26px;display:flex}.login-page .check{cursor:pointer;color:var(--on-dark-mut);-webkit-user-select:none;user-select:none;align-items:center;gap:9px;font-size:13.5px;display:inline-flex}.login-page .check input{opacity:0;width:0;height:0;position:absolute}.login-page .box{border-radius:var(--r);width:17px;height:17px;transition:background .18s var(--ease), border-color .18s var(--ease);background:#08070566;border:1px solid #efe8da47;justify-content:center;align-items:center;display:inline-flex}.login-page .box svg{width:11px;height:11px;color:var(--ink);opacity:0;transition:opacity .18s var(--ease), transform .18s var(--ease);transform:scale(.6)}.login-page .check input:checked+.box{background:var(--bone);border-color:var(--bone)}.login-page .check input:checked+.box svg{opacity:1;transform:scale(1)}.login-page .check input:focus-visible+.box{box-shadow:0 0 0 3px #c8975a40}.login-page .forgot{color:var(--on-dark-mut);transition:color .2s var(--ease), border-color .2s var(--ease);border-bottom:1px solid #0000;font-size:13.5px}.login-page .forgot:hover{color:var(--on-dark);border-bottom-color:#efe8da4d}.login-page .submit{cursor:pointer;width:100%;height:52px;font-family:var(--ui);letter-spacing:.01em;color:var(--ink);background:var(--bone);border:1px solid var(--bone);border-radius:var(--r);transition:background .25s var(--ease), transform .2s var(--ease), box-shadow .25s var(--ease);justify-content:center;align-items:center;gap:12px;font-size:15px;font-weight:600;display:inline-flex}.login-page .submit svg{width:18px;height:18px;transition:transform .25s var(--ease)}.login-page .submit:hover:not(:disabled){background:#fff;transform:translateY(-1px);box-shadow:0 14px 30px -16px #0009}.login-page .submit:hover:not(:disabled) svg{transform:translate(4px)}.login-page .submit:focus-visible{outline:none;box-shadow:0 0 0 3px #c8975a66}.login-page .submit:active:not(:disabled){transform:translateY(0)}.login-page .submit:disabled{opacity:.55;cursor:not-allowed}.login-page .msg{color:#e0a2a2;min-height:18px;margin-top:14px;font-size:12.5px;line-height:1.4}.login-page .no-account{text-align:center;color:var(--on-dark-dim);margin-top:20px;font-size:12px}.login-page .footer{font-family:var(--ui);letter-spacing:.2em;text-transform:uppercase;color:var(--on-dark-dim);justify-content:flex-end;align-items:center;font-size:11px;font-weight:500;display:flex}.login-page .footer .links{align-items:center;gap:16px;display:flex}.login-page .footer .links a{transition:color .2s var(--ease)}.login-page .footer .links a:hover{color:var(--on-dark-mut)}.login-page .footer .links .sep{color:#7e736180}.login-page .rise{opacity:0;animation:login-rise 1s var(--ease) forwards;transform:translateY(14px)}@keyframes login-rise{to{opacity:1;transform:none}}.login-page .d1{animation-delay:50ms}.login-page .d2{animation-delay:.16s}.login-page .d3{animation-delay:.3s}.login-page .d4{animation-delay:.42s}.login-page .d5{animation-delay:.54s}@media (max-width:920px){.login-page .bg:after{background:linear-gradient(#100e0b40 45%,#100e0bb3),linear-gradient(#100e0b73,#100e0b73)}.login-page .middle{grid-template-columns:1fr;align-items:start;gap:38px}.login-page .left{justify-content:flex-start;gap:34px}.login-page .hero h1{font-size:clamp(34px,9vw,52px)}.login-page .card{align-self:stretch;max-width:440px}.login-page .exclusive{order:3;max-width:46ch}.login-page .footer{flex-direction:column;align-items:flex-start;gap:14px;margin-top:8px}}@media (max-width:560px){.login-page .lang{font-size:13px}.login-page .card{padding:26px 22px}}@media (prefers-reduced-motion:reduce){.login-page .rise{opacity:1;animation:none;transform:none}.login-page *{transition-duration:.01ms!important}}