.auth-room{--font-ui: "DM Sans", "Outfit", system-ui, sans-serif;--font-mono: "IBM Plex Mono", "JetBrains Mono", monospace;--font-serif: "Instrument Serif", "DM Serif Display", Georgia, serif;position:relative;width:100%;min-height:100vh;overflow:hidden;background:var(--color-bg-base);display:flex;align-items:center;justify-content:center;padding:40px 30px;font-family:var(--font-ui);color:var(--color-text-primary)}.auth-room:before,.auth-room:after{content:"";position:absolute;border-radius:50%;filter:blur(58px);opacity:.95;pointer-events:none}.auth-room:before{width:70%;height:70%;top:-24%;left:-14%;background:radial-gradient(circle,var(--glow-a),transparent 66%)}.auth-room:after{width:62%;height:62%;bottom:-28%;right:-14%;background:radial-gradient(circle,var(--glow-c),transparent 68%)}.auth-mesh{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(232,98,42,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(232,98,42,.035) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:radial-gradient(78% 78% at 50% 42%,#000,transparent 92%);mask-image:radial-gradient(78% 78% at 50% 42%,#000,transparent 92%);opacity:.6}:root:not(.dark) .auth-mesh{background-image:linear-gradient(rgba(120,70,40,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(120,70,40,.05) 1px,transparent 1px)}.auth-toggle{position:absolute;top:18px;right:18px;z-index:2}.auth-card{position:relative;z-index:1;width:100%;max-width:396px;padding:34px 36px 30px;border-radius:var(--radius-xl, 22px);display:flex;flex-direction:column;animation:fadeUp .36s ease both}.auth-card.wide{max-width:440px}.auth-brand{display:flex;flex-direction:column;align-items:center;gap:0;margin-bottom:22px}.auth-logo{height:42px;width:auto;display:block;filter:drop-shadow(0 5px 14px rgba(0,0,0,.45))}:root:not(.dark) .auth-logo{filter:drop-shadow(0 4px 11px rgba(90,50,25,.16))}.auth-head{text-align:center;margin-bottom:24px}.auth-title{font-family:var(--font-serif);font-weight:400;font-size:29px;line-height:1.1;letter-spacing:-.01em;color:var(--color-text-primary);margin:16px 0 0}.auth-title em{font-style:italic;color:var(--color-accent)}.auth-sub{font-size:13.5px;line-height:1.55;font-weight:300;color:var(--color-text-secondary);margin:9px auto 0;max-width:320px}.auth-sub strong{color:var(--color-text-primary);font-weight:500}.auth-sub .mono{font-family:var(--font-mono);font-size:12.5px;color:var(--color-text-primary)}.auth-oauth{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:11px 16px;border-radius:var(--radius-md);font-family:var(--font-ui);font-size:13.5px;font-weight:500;color:var(--color-text-primary);cursor:pointer;background:#ffffff08;border:1px solid var(--color-border-default);transition:all .15s ease}:root:not(.dark) .auth-oauth{background:#00000005}.auth-oauth:hover{background:var(--color-bg-surface);border-color:var(--color-border-strong)}.auth-oauth:disabled{opacity:.5;pointer-events:none}.auth-divider{display:flex;align-items:center;gap:12px;margin:18px 0;color:var(--color-text-muted);font-size:11px;letter-spacing:.04em;white-space:nowrap}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--color-border-faint)}.auth-form{display:flex;flex-direction:column;gap:15px}.auth-field{display:flex;flex-direction:column;gap:6px}.auth-field-head{display:flex;align-items:baseline;justify-content:space-between}.auth-label{font-size:12px;font-weight:500;color:var(--color-text-secondary);white-space:nowrap}.auth-link{font-size:12px;color:var(--color-accent);text-decoration:none;cursor:pointer;background:none;border:none;padding:0;font-family:inherit;transition:color .15s ease}.auth-link:hover{color:var(--color-accent-hover);text-decoration:underline}.auth-input-wrap{position:relative;display:flex;align-items:center}.auth-input{width:100%;padding:11px 13px;background:#00000029;border:1px solid var(--color-border-default);border-radius:var(--radius-md);font-family:var(--font-ui);font-size:13.5px;color:var(--color-text-primary);transition:border-color .15s ease,box-shadow .15s ease;outline:none}:root:not(.dark) .auth-input{background:#00000008}.auth-input::placeholder{color:var(--color-text-muted)}.auth-input:hover{border-color:var(--color-border-strong)}.auth-input.focused,.auth-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}.auth-input.has-suffix{padding-right:42px}.auth-input:disabled{opacity:.6;cursor:not-allowed}.auth-input.error{border-color:var(--color-error);box-shadow:0 0 0 3px var(--color-error-subtle)}.auth-input.valid{border-color:var(--color-secondary)}.auth-prefixed{display:flex;align-items:stretch;width:100%;position:relative;background:#00000029;border:1px solid var(--color-border-default);border-radius:var(--radius-md);overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease}:root:not(.dark) .auth-prefixed{background:#00000008}.auth-prefixed:hover{border-color:var(--color-border-strong)}.auth-prefixed.focused,.auth-prefixed:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}.auth-prefixed.error{border-color:var(--color-error);box-shadow:0 0 0 3px var(--color-error-subtle)}.auth-prefixed.valid{border-color:var(--color-secondary)}.auth-prefix{display:flex;align-items:center;padding:0 2px 0 13px;font-family:var(--font-mono);font-size:12.5px;color:var(--color-text-muted);white-space:nowrap;-webkit-user-select:none;user-select:none}.auth-prefixed .auth-input{border:none;background:transparent;box-shadow:none!important;padding-left:1px;font-family:var(--font-mono);font-size:13px}.auth-suffix{position:absolute;right:12px;display:inline-flex;align-items:center}.auth-eye{position:absolute;right:10px;border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;padding:4px;display:grid;place-items:center;transition:color .15s ease}.auth-eye:hover{color:var(--color-text-secondary)}.auth-msg{display:flex;align-items:flex-start;gap:6px;font-size:11.5px;line-height:1.45}.auth-msg svg{flex-shrink:0;margin-top:1px}.auth-msg.err{color:var(--color-error)}.auth-msg.ok{color:var(--color-secondary)}.auth-msg.hint{color:var(--color-text-muted)}.auth-strength{display:flex;flex-direction:column;gap:6px;margin-top:2px}.auth-strength-bars{display:flex;gap:5px}.auth-strength-bar{flex:1;height:4px;border-radius:999px;background:var(--color-border-faint);transition:background .2s ease}.auth-strength-bar.on-weak{background:var(--color-error)}.auth-strength-bar.on-fair{background:var(--color-warning)}.auth-strength-bar.on-strong{background:var(--color-secondary)}.auth-strength-label{font-size:11px;color:var(--color-text-muted);display:flex;justify-content:space-between;gap:10px;white-space:nowrap}.auth-strength-label b{font-weight:600}.auth-strength-label b.weak{color:var(--color-error)}.auth-strength-label b.fair{color:var(--color-warning)}.auth-strength-label b.strong{color:var(--color-secondary)}.auth-check{display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;background:none;border:none;padding:0;font-family:inherit}.auth-box{width:17px;height:17px;border-radius:5px;flex-shrink:0;border:1px solid var(--color-border-strong);background:#00000029;display:grid;place-items:center;color:#fff;transition:all .15s ease}:root:not(.dark) .auth-box{background:#00000008}.auth-check.on .auth-box{background:var(--color-accent);border-color:var(--color-accent)}.auth-check-label{font-size:12.5px;color:var(--color-text-secondary);white-space:nowrap}.auth-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 18px;border-radius:var(--radius-md);font-family:var(--font-ui);font-size:14px;font-weight:600;cursor:pointer;border:1px solid transparent;text-decoration:none;transition:all .16s ease;white-space:nowrap}.auth-btn-primary{background:var(--color-accent);color:#fff;border-color:var(--color-accent);box-shadow:0 6px 20px -6px var(--color-accent-subtle),inset 0 1px #ffffff38}.auth-btn-primary:hover{background:var(--color-accent-hover);transform:translateY(-1px)}.auth-btn-ghost{background:#ffffff05;color:var(--color-text-primary);border-color:var(--color-border-strong)}:root:not(.dark) .auth-btn-ghost{background:#00000005}.auth-btn-ghost:hover{background:var(--color-accent-subtle);border-color:var(--color-accent)}.auth-btn:disabled{opacity:.45;pointer-events:none}.auth-actions{display:flex;gap:10px;margin-top:4px}.auth-actions .auth-btn{flex:1}.auth-banner{display:flex;align-items:flex-start;gap:9px;padding:11px 13px;border-radius:var(--radius-md);font-size:12.5px;line-height:1.5;margin-bottom:18px}.auth-banner svg{flex-shrink:0;margin-top:1px}.auth-banner-err{background:var(--color-error-subtle);color:var(--color-error);border:1px solid rgba(232,64,64,.25)}.auth-banner-warn{background:var(--color-warning-subtle);color:var(--color-warning);border:1px solid rgba(232,160,64,.25)}.auth-banner-info{background:var(--color-info-subtle);color:var(--color-info);border:1px solid rgba(96,144,200,.25)}.auth-banner b{font-weight:600}.auth-foot{text-align:center;font-size:13px;color:var(--color-text-secondary);margin-top:22px;padding-top:20px;border-top:1px solid var(--color-border-faint)}.auth-foot a,.auth-foot button.auth-foot-link{display:inline-flex;align-items:center;gap:5px;vertical-align:middle;color:var(--color-accent);text-decoration:none;font-weight:500;cursor:pointer;background:none;border:none;padding:0;font:inherit}.auth-foot a:hover,.auth-foot button.auth-foot-link:hover{color:var(--color-accent-hover);text-decoration:underline}.auth-legal{text-align:center;font-size:11px;line-height:1.6;color:var(--color-text-muted);margin:16px auto 0;max-width:300px}.auth-legal a{color:var(--color-text-secondary);text-decoration:none}.auth-legal a:hover{color:var(--color-text-primary);text-decoration:underline}.auth-next{display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;line-height:1.45;color:var(--color-text-muted);margin-top:16px;text-align:center}.auth-next svg{color:var(--color-accent);flex-shrink:0}.auth-next.ok{color:var(--color-secondary)}.auth-next.ok svg{color:var(--color-secondary)}.auth-next .mono{font-family:var(--font-mono);color:var(--color-text-secondary)}.auth-invite{display:flex;align-items:center;gap:12px;background:var(--color-secondary-subtle);border:1px solid rgba(74,158,110,.28);border-radius:var(--radius-md);padding:11px 13px;margin-bottom:20px}.auth-invite-av{width:38px;height:38px;border-radius:10px;flex-shrink:0;display:grid;place-items:center;font-size:13px;font-weight:600;color:#fff;background:var(--color-secondary);box-shadow:inset 0 1px #ffffff40}.auth-invite-t{font-size:12.5px;color:var(--color-text-secondary);line-height:1.3}.auth-invite-t b{color:var(--color-text-primary);font-weight:600}.auth-invite-ws{font-family:var(--font-mono);font-size:14px;color:var(--color-secondary);font-weight:600;margin-top:1px}.auth-device{display:flex;flex-direction:column;gap:11px;background:#00000024;border:1px solid var(--color-border-faint);border-radius:var(--radius-md);padding:14px 16px;margin:2px 0 4px}:root:not(.dark) .auth-device{background:#00000005}.auth-device-row{display:flex;align-items:center;gap:10px}.auth-device-ico{width:30px;height:30px;border-radius:8px;flex-shrink:0;display:grid;place-items:center;color:var(--color-accent);background:var(--color-accent-subtle);border:1px solid var(--color-border-default)}.auth-device-k{font-size:11px;color:var(--color-text-muted)}.auth-device-v{font-size:13px;color:var(--color-text-primary);font-weight:500}.auth-device-v .mono{font-family:var(--font-mono);font-size:12px}.auth-select{width:100%;padding:11px 13px;background:#00000029;border:1px solid var(--color-border-default);border-radius:var(--radius-md);font-family:var(--font-ui);font-size:13.5px;color:var(--color-text-primary);outline:none;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}:root:not(.dark) .auth-select{background:#00000008}.auth-select:hover{border-color:var(--color-border-strong)}.auth-select:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}.auth-hint{font-size:11px;line-height:1.45;color:var(--color-text-muted)}.auth-hint code{font-family:var(--font-mono);font-size:11px;color:var(--color-text-secondary)}.auth-status-ico{width:64px;height:64px;border-radius:50%;margin:4px auto 0;display:grid;place-items:center;border:1px solid}.auth-status-ico.ok{color:var(--color-secondary);background:var(--color-secondary-subtle);border-color:#4a9e6e4d}.auth-status-ico.info{color:var(--color-accent);background:var(--color-accent-subtle);border-color:var(--color-border-strong)}.auth-status-ico.warn{color:var(--color-warning);background:var(--color-warning-subtle);border-color:#e8a0404d}.auth-status-ico.err{color:var(--color-error);background:var(--color-error-subtle);border-color:#e840404d}.auth-term{font-family:var(--font-mono);font-size:12px;line-height:1.7;background:#0000003d;border:1px solid var(--color-border-faint);border-radius:var(--radius-md);padding:12px 14px;margin-top:4px;color:var(--color-text-secondary)}:root:not(.dark) .auth-term{background:#0000000a}.auth-term .pfx{color:var(--color-accent)}.auth-term .dim{color:var(--color-text-muted)}.auth-term .ok{color:var(--color-secondary)}.auth-aside{text-align:center;font-size:12.5px;color:var(--color-text-muted);margin-top:18px}.auth-aside a,.auth-aside button.auth-aside-link{color:var(--color-accent);text-decoration:none;cursor:pointer;background:none;border:none;padding:0;font:inherit}.auth-aside a:hover,.auth-aside button.auth-aside-link:hover{text-decoration:underline}.auth-aside button.auth-aside-link:disabled{opacity:.5;pointer-events:none}.auth-rules{display:flex;flex-direction:column;gap:5px;background:#00000024;border:1px solid var(--color-border-faint);border-radius:var(--radius-md);padding:12px 14px}:root:not(.dark) .auth-rules{background:#00000005}.auth-rules-title{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:2px}.auth-rules-item{display:flex;align-items:flex-start;gap:7px;font-size:11.5px;line-height:1.4;color:var(--color-text-secondary)}.auth-rules-item svg{flex-shrink:0;margin-top:1px;color:var(--color-text-muted)}.auth-otp{display:flex;align-items:center;justify-content:center}.auth-otp [data-slot=input-otp-group]{display:flex;gap:9px}.auth-otp [data-slot=input-otp-slot]{width:44px!important;height:54px!important;border:1px solid var(--color-border-default)!important;border-radius:var(--radius-md)!important;font-family:var(--font-mono);font-size:24px;font-weight:500;color:var(--color-text-primary);background:#0000002e!important;box-shadow:none!important;transition:all .15s ease}:root:not(.dark) .auth-otp [data-slot=input-otp-slot]{background:#00000008!important}.auth-otp [data-slot=input-otp-slot][data-active=true]{border-color:var(--color-accent)!important;box-shadow:0 0 0 3px var(--color-accent-subtle)!important}
