.auth-section{background:radial-gradient(at 50% 0,#3f82fb1f 0%,#0000 60%);align-items:center;min-height:calc(100vh - 80px);padding:20px 0;display:flex}.auth-card{background:var(--secondary-color);border:1px solid var(--divider-color);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;width:100%;max-width:460px;margin:0 auto;padding:48px 40px}.auth-logo{justify-content:center;margin-bottom:32px;display:flex}.auth-logo img{height:36px}.auth-badge{color:var(--accent-color);background:#3f82fb1a;border:1px solid #3f82fb40;border-radius:50px;justify-content:center;align-items:center;gap:8px;width:fit-content;margin:0 auto 28px;padding:6px 16px;font-size:12px;display:flex}.auth-badge i{font-size:11px}.auth-email-display{color:var(--accent-color);background:#3f82fb14;border:1px solid #3f82fb33;border-radius:50px;justify-content:center;align-items:center;gap:8px;width:fit-content;margin:0 auto 32px;padding:8px 20px;font-size:14px;display:flex}.auth-title{color:var(--white-color);text-align:center;font-size:28px;font-weight:700;margin-bottom:8px!important}.auth-subtitle{color:#ffffff80;text-align:center;margin-bottom:36px;font-size:15px;line-height:1.6em}.auth-form-group{margin-bottom:20px}.auth-checkbox-group{flex-direction:column;gap:10px;margin-bottom:24px;display:flex}.auth-forgot-link{color:#fff6;align-self:flex-end;margin-top:-4px;font-size:13px;text-decoration:none;transition:color .2s}.auth-forgot-link:hover{color:var(--accent-color)}.auth-checkbox{color:#ffffffbf;cursor:pointer;align-items:flex-start;gap:10px;font-size:13px;line-height:1.4;display:flex}.auth-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-color,#3f82fb);cursor:pointer;flex-shrink:0;margin-top:2px}.auth-checkbox span{flex:1}.auth-label{color:#ffffffb3;letter-spacing:.03em;margin-bottom:8px;font-size:13px;font-weight:500;display:block}.auth-input{border:1px solid var(--divider-color);width:100%;color:var(--white-color);font-size:15px;font-family:var(--default-font);background:#ffffff0d;border-radius:10px;outline:none;padding:14px 18px;transition:border-color .2s,background .2s}.auth-input:focus{border-color:var(--accent-color);background:#3f82fb0f}.auth-input::placeholder{color:#ffffff40}.auth-input.is-invalid{border-color:var(--error-color)}.auth-code-input{border:1px solid var(--divider-color);letter-spacing:.3em;width:100%;color:var(--white-color);font-size:28px;font-weight:700;font-family:var(--default-font);text-align:center;text-transform:uppercase;background:#ffffff0d;border-radius:10px;outline:none;padding:18px;transition:border-color .2s,background .2s}.auth-code-input:focus{border-color:var(--accent-color);background:#3f82fb0f}.auth-code-input::placeholder{color:#ffffff26;letter-spacing:.15em;font-size:20px}.auth-code-input.is-invalid{border-color:var(--error-color)}.auth-error{color:var(--error-color);margin-top:6px;font-size:13px}.auth-error--block{text-align:center;background:#e6575714;border:1px solid #e6575733;border-radius:8px;margin-bottom:20px;padding:12px 16px}.auth-error--success{color:#22c55ee6;background:#22c55e14;border-color:#22c55e33}.auth-btn{cursor:pointer;border:none;width:100%;margin-top:8px;padding:15px;font-size:15px;font-weight:600}.auth-btn i{margin-left:8px;font-size:13px}.auth-social{flex-direction:column;gap:12px;margin-top:4px;display:flex}.auth-social-btn{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:12px;width:100%;padding:14px;font-size:15px;font-weight:600;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s;display:flex}.auth-social-btn:active{transform:translateY(0)}.auth-social-btn--google{color:#1f1f1f;background:#fff;border:1px solid #ffffffd9;box-shadow:0 4px 18px #0000002e}.auth-social-btn--google:hover{background:#f5f7fb;transform:translateY(-1px);box-shadow:0 8px 26px #00000047}.auth-social-btn--linkedin{color:#fff;background:#0a66c2;border:1px solid #0a66c2;box-shadow:0 4px 18px #0a66c247}.auth-social-btn--linkedin:hover{background:#0959aa;transform:translateY(-1px);box-shadow:0 8px 26px #0a66c266}.auth-social-btn--github{color:#fff;background:#1f2328;border:1px solid #ffffff2e;box-shadow:0 4px 18px #0000004d}.auth-social-btn--github:hover{background:#2c333a;transform:translateY(-1px);box-shadow:0 8px 26px #00000073}.auth-social-icon{flex-shrink:0}.auth-success-msg{color:#ffffffb3;text-align:center;background:#3f82fb14;border:1px solid #3f82fb33;border-radius:8px;margin-bottom:20px;padding:12px 16px;font-size:13px}.auth-success-msg i{color:var(--accent-color);margin-right:6px}.auth-links{border-top:1px solid var(--divider-color);justify-content:space-between;align-items:center;margin-top:24px;padding-top:24px;display:flex}.auth-links form{display:inline}.auth-switch{text-align:center;color:#ffffff8c;margin-top:20px;font-size:13px}.auth-switch a{color:var(--accent-color,#3f82fb);margin-left:4px;font-weight:500;text-decoration:none}.auth-switch a:hover{text-decoration:underline}.auth-link{color:#fff6;cursor:pointer;font-size:13px;font-family:var(--default-font);background:0 0;border:none;padding:0;text-decoration:none;transition:color .2s}.auth-link i{margin-right:4px;font-size:11px}.auth-link:hover{color:var(--accent-color)}.auth-divider{align-items:center;gap:16px;margin:28px 0;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--divider-color);flex:1;height:1px}.auth-divider span{color:#ffffff4d;white-space:nowrap;font-size:12px}.code-expiry{color:#ffffff4d;text-align:center;margin-top:12px;font-size:12px}.code-expiry i{margin-right:4px}
