.auth-page{--accent-blue:#10152a;--blue-50:#f1f2f7;--blue-100:#dde1ec;background:linear-gradient(180deg,var(--surface)0%,#fff 70%);flex-direction:column;flex:1;display:flex}.auth-page .wrap{width:100%}.auth-page .auth{flex:1;align-items:center;min-height:calc(100vh - 64px);padding:56px 0;display:flex}.auth-page .auth__card{background:var(--card);border:1px solid var(--line);border-radius:0 var(--r-card)var(--r-card)var(--r-card);width:100%;max-width:880px;box-shadow:var(--shadow-3);grid-template-columns:380px 1fr;margin:0 auto;display:grid;position:relative;overflow:hidden}.auth-page .auth__card:before{content:"";background:var(--cyan-500);z-index:3;width:34px;height:3px;position:absolute;top:0;left:0}.auth-page .auth__side{background:var(--navy-900);color:#fff;flex-direction:column;padding:40px 36px;display:flex;position:relative;overflow:hidden}.auth-page .auth__side:after{content:"";pointer-events:none;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:26px 26px;position:absolute;inset:0}.auth-page .auth__side>*{z-index:1;position:relative}.auth-page .auth__side img{border-radius:8px;width:36px;height:36px}.auth-page .auth__side h2{color:#fff;letter-spacing:-.02em;margin:26px 0 0;font-size:24px;line-height:1.2}.auth-page .auth__side .sub{color:#ffffff9e;margin:12px 0 0;font-size:14px;line-height:1.65}.auth-page .auth__feats{flex-direction:column;gap:14px;margin:30px 0 0;padding:0;display:flex}.auth-page .auth__feats li{color:#ffffffc7;align-items:flex-start;gap:11px;font-size:13.5px;line-height:1.5;list-style:none;display:flex}.auth-page .auth__feats li svg{color:#5be0ff;flex:none;margin-top:1px}.auth-page .auth__side .foot{font-family:var(--font-mono);letter-spacing:.08em;color:#fff6;text-transform:uppercase;margin-top:auto;padding-top:30px;font-size:11px}.auth-page .auth__main{padding:40px 44px}.auth-page .auth__main h1{letter-spacing:-.02em;color:var(--ink-900);margin:0;font-size:26px}.auth-page .auth__main .lead{color:var(--slate-600);margin:10px 0 0;font-size:14.5px;line-height:1.6}.auth-page .auth__form{flex-direction:column;gap:16px;margin-top:28px;display:flex}.auth-page .field{flex-direction:column;gap:6px;display:flex}.auth-page .field__label{color:var(--ink-800);justify-content:space-between;align-items:baseline;font-size:13.5px;font-weight:600;display:flex}.auth-page .field__label .opt{color:var(--slate-400);font-size:12px;font-weight:400}.auth-page .field__label button{font-family:var(--font-sans);color:var(--accent-blue);cursor:pointer;background:0 0;border:none;padding:0;font-size:12.5px;font-weight:500;text-decoration:none}.auth-page .field__label button:hover{text-decoration:underline}.auth-page .input{width:100%;font-family:var(--font-sans);color:var(--ink-900);background:var(--card);border:1px solid var(--slate-300);border-radius:var(--r-2);transition:border-color var(--dur)var(--ease-out),box-shadow var(--dur)var(--ease-out);padding:11px 14px;font-size:14.5px;display:block}.auth-page .input::placeholder{color:var(--slate-400)}.auth-page .input:focus{border-color:var(--accent-blue);box-shadow:var(--shadow-focus);outline:none}.auth-page .remember{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--ink-800);align-items:center;gap:9px;font-size:13.5px;display:flex}.auth-page .remember input{display:none}.auth-page .remember .box{border:1.5px solid var(--slate-400);border-radius:var(--r-1);color:#0000;width:18px;height:18px;transition:background var(--dur)var(--ease-out),border-color var(--dur)var(--ease-out),color var(--dur)var(--ease-out);flex:none;justify-content:center;align-items:center;display:inline-flex}.auth-page .remember input:checked+.box{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.auth-page .auth__form .btn--primary{background:var(--accent-blue);border-color:var(--accent-blue);justify-content:center;width:100%;box-shadow:0 1px 2px #10152a47}.auth-page .auth__form .btn--primary:hover{background:var(--blue-600);border-color:var(--blue-600)}.auth-page .divider{color:var(--slate-400);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:14px;margin:6px 0;font-size:11px;display:flex}.auth-page .divider:before,.auth-page .divider:after{content:"";background:var(--line);flex:1;height:1px}.auth-page .localbtn{background:var(--slate-50);border:1px dashed var(--slate-300);border-radius:var(--r-2);cursor:pointer;width:100%;font-family:var(--font-sans);text-align:left;transition:border-color var(--dur)var(--ease-out),background var(--dur)var(--ease-out);align-items:center;gap:12px;padding:12px 16px;text-decoration:none;display:flex}.auth-page .localbtn:hover{border-color:var(--slate-400);background:var(--blue-50);text-decoration:none}.auth-page .localbtn .ic{border-radius:var(--r-2);background:var(--card);border:1px solid var(--line);width:36px;height:36px;color:var(--teal-600);flex:none;justify-content:center;align-items:center;display:inline-flex}.auth-page .localbtn .t{flex-direction:column;gap:2px;display:flex}.auth-page .localbtn .t b{color:var(--ink-900);font-size:14px;font-weight:600}.auth-page .localbtn .t span{font-family:var(--font-mono);color:var(--slate-500);font-size:11.5px}.auth-page .localbtn .ar{color:var(--slate-400);margin-left:auto}.auth-page .auth__note{color:var(--slate-500);align-items:flex-start;gap:8px;margin-top:22px;font-size:12.5px;line-height:1.6;display:flex}.auth-page .auth__note svg{color:var(--slate-400);flex:none;margin-top:1px}.auth-page .auth__note a{color:var(--accent-blue)}.auth-page .auth__switch{color:var(--slate-500);margin-top:16px;font-size:13px}.auth-page .auth__switch button{font-family:var(--font-sans);color:var(--accent-blue);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:600}.auth-page .auth__switch button:hover{text-decoration:underline}.auth-page .auth__alert{color:var(--ink-800);border-radius:0 var(--r-3)var(--r-3)var(--r-3);margin-top:18px;padding:12px 16px;font-size:13.5px;line-height:1.55;position:relative}.auth-page .auth__alert:before{content:"";width:3px;height:100%;position:absolute;top:0;left:0}.auth-page .auth__alert--success{background:var(--success-bg);border:1px solid #bfe3cb}.auth-page .auth__alert--success:before{background:var(--success)}.auth-page .auth__alert--error{background:var(--danger-bg);border:1px solid #f3c1be}.auth-page .auth__alert--error:before{background:var(--danger)}.auth-page .auth__loading{width:100%;color:var(--slate-500);font-family:var(--font-mono);justify-content:center;align-items:center;gap:9px;font-size:13px;display:flex}.auth-page .eyebrow-line{font-family:var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-blue);align-items:center;gap:12px;font-size:12px;font-weight:600;display:inline-flex}.auth-page .eyebrow-line:before{content:"";background:var(--accent-blue);width:26px;height:2px}.auth-page .acct{background:var(--card);border:1px solid var(--line);border-radius:0 var(--r-card)var(--r-card)var(--r-card);width:100%;max-width:560px;box-shadow:var(--shadow-3);margin:0 auto;padding:32px;position:relative}.auth-page .acct:before{content:"";background:var(--accent-blue);width:34px;height:3px;position:absolute;top:0;left:0}.auth-page .acct>.eyebrow-line{margin-bottom:20px}.auth-page .acct__head{align-items:center;gap:14px;display:flex}.auth-page .acct__head .avatar{width:44px;height:44px;font-size:16px}.auth-page .acct__id{flex-direction:column;gap:2px;min-width:0;display:flex}.auth-page .acct__name{letter-spacing:-.01em;color:var(--ink-900);font-size:17px;font-weight:600}.auth-page .acct__mail{font-family:var(--font-mono);color:var(--slate-500);overflow-wrap:anywhere;font-size:12.5px}.auth-page .acct__head .chip{margin-left:auto}.auth-page .acct__rows{border-top:1px solid var(--line);margin-top:24px}.auth-page .acct__row{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:baseline;gap:16px;padding:12px 0;display:flex}.auth-page .acct__row .l{letter-spacing:.08em;text-transform:uppercase;color:var(--slate-500);flex:none;font-size:11px;font-weight:600}.auth-page .acct__row .v{font-family:var(--font-mono);color:var(--ink-900);text-align:right;overflow-wrap:anywhere;font-size:13px}.auth-page .acct__actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}@media (max-width:880px){.auth-page .auth__card{grid-template-columns:1fr;max-width:460px}.auth-page .auth__side{display:none}.auth-page .auth__main{padding:34px 28px}}