.auth-fullscreen{display:flex;height:calc(100vh - 72px);overflow:hidden}.auth-panel-form{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;background:#000}.auth-form-inner{width:100%;max-width:320px}.auth-brand{display:flex;align-items:center;gap:0.5rem;margin-bottom:1rem}.auth-url-notice{display:inline-flex;align-items:center;gap:0.35rem;margin-bottom:1rem;padding:0.25rem 0.6rem;font-size:0.65rem;font-weight:500;color:#86efac;background:rgba(34,197,94,0.08);border:1px solid rgba(34,197,94,0.18);border-radius:999px}.auth-url-notice i{font-size:0.6rem;color:#22c55e}.auth-url-notice strong{color:#bbf7d0;font-weight:600}.auth-brand img{width:24px;height:24px}.auth-brand span{font-size:0.9rem;font-weight:600;color:#fff}.auth-header{margin-bottom:0.5rem}.auth-header h1{font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 0.25rem;letter-spacing:normal}.auth-header p{font-size:0.85rem;color:rgba(255,255,255,0.5);margin:0}.auth-value-inline{display:flex;flex-wrap:wrap;gap:0.75rem 1rem;margin-bottom:1.25rem;font-size:0.75rem;color:rgba(255,255,255,0.6)}.auth-value-inline span{display:flex;align-items:center;gap:0.35rem}.auth-value-inline i{color:#22c55e;font-size:0.7rem}.auth-google{display:flex;align-items:center;justify-content:center;gap:0.5rem;width:100%;padding:0.65rem;font-size:0.85rem;font-weight:500;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:8px;color:rgba(255,255,255,0.8);text-decoration:none;transition:background 0.15s,border-color 0.15s}.auth-google:hover{background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.15);color:#fff}.auth-google svg{width:16px;height:16px}.auth-divider{display:flex;align-items:center;margin:1rem 0;font-size:0.7rem;color:rgba(255,255,255,0.3)}.auth-divider::before,.auth-divider::after{content:"";flex:1;height:1px;background:rgba(255,255,255,0.1)}.auth-divider span{padding:0 0.6rem}.auth-field{margin-bottom:0.875rem}.auth-field label{display:block;font-size:0.75rem;font-weight:500;color:rgba(255,255,255,0.5);margin-bottom:0.35rem}.auth-input-wrap{position:relative}.auth-fullscreen .auth-input{width:100%;padding:0.7rem 0.875rem;font-size:0.9rem;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:6px;color:#fff;transition:border-color 0.15s,background 0.15s}.auth-fullscreen .auth-input::placeholder{color:rgba(255,255,255,0.3)}.auth-fullscreen .auth-input:hover{border-color:rgba(255,255,255,0.15)}.auth-fullscreen .auth-input:focus{outline:none;border-color:var(--accent);background:rgba(147,51,234,0.08)}.auth-fullscreen .auth-input.is-invalid{border-color:#ef4444}.auth-password-toggle{position:absolute;right:0.6rem;top:50%;transform:translateY(-50%);background:none;border:none;color:rgba(255,255,255,0.4);cursor:pointer;padding:0.25rem;font-size:0.9rem}.auth-password-toggle:hover{color:rgba(255,255,255,0.7)}.auth-input-wrap .auth-input{padding-right:2.25rem}.auth-strength{display:flex;gap:3px;margin-top:0.4rem}.auth-strength-bar{flex:1;height:2px;background:rgba(255,255,255,0.1);border-radius:1px;transition:background 0.2s}.auth-strength[data-strength="1"] .auth-strength-bar:nth-child(1){background:#ef4444}.auth-strength[data-strength="2"] .auth-strength-bar:nth-child(-n+2){background:#f59e0b}.auth-strength[data-strength="3"] .auth-strength-bar:nth-child(-n+3){background:#22c55e}.auth-strength[data-strength="4"] .auth-strength-bar{background:#22c55e}.auth-error{font-size:0.7rem;color:#f87171;margin-top:0.3rem}.auth-terms{display:flex;align-items:flex-start;gap:0.5rem;margin-bottom:1rem;font-size:0.75rem;color:rgba(255,255,255,0.5)}.auth-terms input[type="checkbox"]{width:14px;height:14px;margin-top:1px;accent-color:var(--accent);cursor:pointer;flex-shrink:0}.auth-terms a{color:var(--accent-light);text-decoration:none}.auth-terms a:hover{text-decoration:underline}.auth-turnstile{display:flex;justify-content:center;margin-bottom:1rem}.auth-submit{width:100%;padding:0.75rem 1.25rem;font-size:0.95rem;font-weight:600;background:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer;transition:background 0.15s,transform 0.1s}.auth-submit:hover{background:var(--accent-hover);transform:translateY(-1px)}.auth-submit:active{transform:translateY(0)}.auth-submit:disabled{opacity:0.5;cursor:not-allowed;transform:none}.auth-submit i{margin-left:0.3rem;font-size:0.85rem}.auth-submit.is-loading{color:transparent;position:relative}.auth-submit.is-loading::after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin:-8px 0 0 -8px;border:2px solid rgba(255,255,255,0.3);border-top-color:#fff;border-radius:50%;animation:authSpin 0.6s linear infinite}@keyframes authSpin{to{transform:rotate(360deg)}}.auth-footer{margin-top:1.25rem;text-align:center;font-size:0.8rem;color:rgba(255,255,255,0.5)}.auth-footer a{color:var(--accent-light);text-decoration:none;font-weight:500}.auth-footer a:hover{text-decoration:underline}.auth-link-secondary{display:block;text-align:center;margin-top:0.5rem;font-size:0.75rem;color:rgba(255,255,255,0.4)}.auth-link-secondary a{color:rgba(255,255,255,0.6);text-decoration:none}.auth-link-secondary a:hover{color:#fff}.auth-alert--success{background:rgba(34,197,94,0.1);border-color:rgba(34,197,94,0.25);color:#86efac}.auth-alert--warning{background:rgba(245,158,11,0.1);border-color:rgba(245,158,11,0.25);color:#fcd34d}.auth-submit--ghost{background:transparent;border:1px solid rgba(255,255,255,0.15);color:rgba(255,255,255,0.6);width:auto;padding:0.5rem 1rem;font-size:0.8rem}.auth-submit--ghost:hover{background:rgba(255,255,255,0.05);border-color:rgba(255,255,255,0.25);color:#fff}.auth-panel-visual{flex:1;position:relative;display:flex;align-items:center;justify-content:center;background:var(--bg-body);overflow:hidden}.auth-panel-visual::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.03) 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(ellipse 70% 60% at 50% 50%,black 20%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 50%,black 20%,transparent 70%)}.auth-panel-visual::after{content:"";position:absolute;width:400px;height:400px;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(147,51,234,0.15) 0%,transparent 70%);pointer-events:none}.auth-showcase{position:relative;z-index:1;display:flex;flex-direction:column;gap:1rem;padding:2rem}.auth-showcase-panel{display:flex;align-items:center;gap:0.875rem;padding:0.875rem 1.1rem;background:rgba(255,255,255,0.03);border-radius:10px;box-shadow:0 4px 20px rgba(0,0,0,0.2);backdrop-filter:none;min-width:220px}.auth-showcase-panel:nth-child(1){transform:translateX(-20px)}.auth-showcase-panel:nth-child(2){transform:translateX(30px)}.auth-showcase-panel:nth-child(3){transform:translateX(-10px)}.auth-showcase-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--accent-subtle);border-radius:8px;flex-shrink:0}.auth-showcase-icon i{font-size:1rem;color:var(--accent-light)}.auth-showcase-text{flex:1;min-width:0}.auth-showcase-label{font-size:0.8rem;font-weight:600;color:var(--text-primary);margin-bottom:0.15rem}.auth-showcase-desc{font-size:0.7rem;color:var(--text-muted)}@media (max-width:991px){.auth-fullscreen{flex-direction:column;height:auto;min-height:calc(100vh - 72px)}.auth-panel-visual{display:none}.auth-panel-form{flex:1;min-height:calc(100vh - 72px)}}@media (max-height:700px){.auth-panel-form{padding:1rem}.auth-brand{margin-bottom:1.25rem}.auth-header{margin-bottom:1rem}.auth-header h1{font-size:1.25rem}.auth-field{margin-bottom:0.75rem}.auth-fullscreen .auth-input{padding:0.6rem 0.75rem;font-size:0.85rem}}