body.auth-page{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background:linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);min-height:100vh;display:flex;align-items:center;justify-content:center;color:#333}.auth-container{background:#fff;width:100%;max-width:480px;padding:40px;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.08)}@media(max-width: 640px){.auth-container{padding:30px 20px;margin:20px}}.auth-container--wide{max-width:640px}.otp-instructions{margin:0 0 20px;font-size:14px;color:#4c4c4c}.otp-return-link{margin-top:20px;text-align:center}.otp-return-link a{color:#0b2248;text-decoration:none}.otp-return-link a:hover{text-decoration:underline}.auth-logo{text-align:center;margin-bottom:30px}.auth-logo img{max-width:200px;height:auto}.auth-form .form-item-container{margin-bottom:20px}.auth-form label{display:block;font-size:14px;font-weight:500;color:#4c4c4c;margin-bottom:8px}.auth-form label.required::after{content:" *";color:#c00000}.auth-form input[type=email],.auth-form input[type=password],.auth-form input[type=text]{width:100%;padding:12px 15px;font-size:15px;border:1px solid #ddd;border-radius:4px;box-sizing:border-box;transition:border-color .2s}.auth-form input[type=email]:focus,.auth-form input[type=password]:focus,.auth-form input[type=text]:focus{outline:none;border-color:#0b2248;box-shadow:0 0 0 3px rgba(37,83,156,.1)}.auth-form input[type=email]::placeholder,.auth-form input[type=password]::placeholder,.auth-form input[type=text]::placeholder{color:#aaa}.auth-form input[name=otp],.auth-form input[name=test_code]{font-family:monospace;font-size:20px;letter-spacing:.5em;text-align:center;font-weight:bold}.auth-form .otp-field-container{transition:opacity .3s ease-in-out,max-height .3s ease-in-out}.auth-form .otp-field-container.hidden{display:none}.auth-form .otp-step-summary{background:#f5f9ff;border:1px solid #cde2ff;border-radius:6px;padding:16px;margin-bottom:15px;color:#1b3a63}.auth-form .otp-step-summary p{margin:0 0 6px}.auth-form .otp-step-summary strong{color:#1a2758}.hidden{display:none !important}.otp-toggle-link{display:inline-block;margin-top:8px;font-size:.9em;color:#0b2248;text-decoration:none;transition:color .2s}.otp-toggle-link:hover{color:rgb(4.2409638554,13.1084337349,27.7590361446);text-decoration:underline}.otp-toggle-link:focus{outline:2px solid #0b2248;outline-offset:2px}.auth-actions{margin-top:25px}.auth-actions .btn{width:100%;padding:14px 20px;font-size:15px;font-weight:500;border:none;border-radius:4px;cursor:pointer;transition:all .2s;text-align:center;text-decoration:none;display:inline-block;box-sizing:border-box}.auth-actions .btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.auth-actions .btn:disabled{opacity:.6;cursor:not-allowed}.auth-actions .btn-primary{background:#0b2248;color:#fff;margin-bottom:10px}.auth-actions .btn-secondary{background:rgba(0,0,0,0);color:#6a6a6a;border:1px solid #ddd}.auth-actions .btn-danger{background:#c00000;color:#fff}.message_item{padding:12px 15px;border-radius:4px;margin-bottom:20px;font-size:14px}.message_item__error{background:#fee;border-left:4px solid #c00000;color:#c00}.message_item__success{background:#efe;border-left:4px solid #aedf3b;color:#2d5}.message_item__warning{background:#fff3cd;border-left:4px solid orange;color:#856404}.message_item strong{font-weight:600}.qr-section{text-align:center;margin:20px 0}.qr-section img{max-width:280px;border:2px solid #e0e0e0;border-radius:4px}.secret-code{background:#fff3cd;padding:15px;border-radius:4px;font-family:monospace;font-size:13px;word-break:break-all;margin:15px 0;border:1px solid #ffd966;color:#856404;text-align:center;font-weight:bold;letter-spacing:1px}.setup-steps{margin:30px 0}.setup-steps .step{margin-bottom:35px}.setup-steps .step h2{font-size:18px;font-weight:600;color:#333;margin:0 0 15px 0;padding-bottom:10px;border-bottom:2px solid #f0f0f0}.setup-steps .step ul{list-style:none;padding:0;margin:10px 0}.setup-steps .step ul li{padding:8px 0 8px 25px;position:relative}.setup-steps .step ul li::before{content:"✓";position:absolute;left:0;color:#aedf3b;font-weight:bold}.setup-steps .step p{margin:10px 0;line-height:1.6;color:#4c4c4c}.backup-codes{background:#fff;padding:25px;border:2px solid #c00000;border-radius:8px;margin:25px 0}.backup-codes h3{color:#c00000;margin:0 0 15px 0;font-size:18px;font-weight:600}.backup-codes p{font-size:14px;line-height:1.6;margin:10px 0;color:#4c4c4c}.backup-codes p strong{font-weight:600;color:#333}.backup-codes-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:10px;margin:20px 0}@media(max-width: 480px){.backup-codes-grid{grid-template-columns:1fr}}.backup-code{padding:12px;background:#f9f9f9;border:1px solid #ddd;border-radius:4px;text-align:center;font-family:monospace;font-size:16px;font-weight:bold;letter-spacing:2px;color:#333}.info-box{padding:15px;border-radius:4px;margin:20px 0;font-size:14px;line-height:1.6}.info-box--warning{background:#fff3cd;border-left:4px solid orange;color:#856404}.info-box--info{background:#d1ecf1;border-left:4px solid #0c5460;color:#0c5460}.info-box strong{font-weight:600}.dev-debug-box code,.dev-debug-box__code{font-family:monospace;font-weight:600;letter-spacing:.05em}.dev-debug-box__note{margin-top:.5rem;font-size:.85em;opacity:.9}.backup-code-help{text-align:center;margin-top:1.5rem;padding:1rem;background:#f8f9fa;border-radius:4px;border:1px solid #e0e0e0}.backup-code-help__title{margin-bottom:.75rem;color:#333;font-weight:500;font-size:.95em}.backup-code-help__button{font-size:.9em}.backup-code-help__description{margin-top:.5rem;margin-bottom:0;color:#666;font-size:.85em}.backup-code-help.hidden{display:none}.btn.loading{position:relative;color:rgba(0,0,0,0)}.btn.loading::after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border:2px solid rgba(0,0,0,0);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}