body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#fcefe8;display:flex;justify-content:center;align-items:center;height:100vh;margin:0;color:#333}.auth-container{background:#fff;padding:2rem 2.5rem;border-radius:12px;box-shadow:0 4px 6px #0000001a;width:100%;max-width:400px;text-align:center}h1{margin-bottom:1.5rem;color:#4a4a4a;font-size:1.8rem}.form-group{margin-bottom:1.25rem;text-align:left}label{display:block;margin-bottom:.5rem;font-size:.9rem;color:#666}input[type=text],input[type=password]{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:1rem;box-sizing:border-box;transition:border-color .2s}input:focus{outline:none;border-color:#8e44ad}.captcha-group{display:flex;gap:10px}.captcha-group input{flex:1}.captcha-img{cursor:pointer;border-radius:6px;height:42px}button.btn-primary{width:100%;padding:.8rem;background-color:#8e44ad;color:#fff;border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:background-color .2s;font-weight:600}button.btn-primary:hover{background-color:#732d91}button:disabled{background-color:#ccc;cursor:not-allowed}.links{margin-top:1.5rem;font-size:.9rem}.links a{color:#8e44ad;text-decoration:none}.links a:hover{text-decoration:underline}.alert{padding:.75rem;margin-bottom:1rem;border-radius:6px;font-size:.9rem;display:none}.alert.error{background-color:#fde8e8;color:#c81e1e;border:1px solid #f8b4b4}.alert.success{background-color:#def7ec;color:#03543f;border:1px solid #84e1bc}.security-code-section{border:1px solid #e5e7eb;border-radius:10px;padding:14px 16px;background:#faf8f5;margin-bottom:1.25rem}.security-toggle-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.security-label{font-size:.92rem;font-weight:600;color:#4a4a4a;margin:0}.security-hint{font-size:.78rem;color:#999;margin:0 0 12px}.toggle-switch-sm{position:relative;display:inline-block;width:40px;height:22px}.toggle-switch-sm input{opacity:0;width:0;height:0}.slider-sm{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.3s;border-radius:22px}.slider-sm:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.slider-sm{background-color:#8e44ad}input:checked+.slider-sm:before{transform:translate(18px)}.pin-inputs{display:flex;gap:8px;justify-content:center;margin:8px 0}.pin-digit{width:40px!important;height:46px!important;padding:0!important;text-align:center;font-size:1.3rem!important;font-weight:700;border:2px solid #ddd;border-radius:8px;outline:none;transition:border-color .2s;caret-color:#8e44ad}.pin-digit:focus{border-color:#8e44ad;box-shadow:0 0 0 2px #8e44ad26}.pin-digit.filled{border-color:#8e44ad;background:#8e44ad0a}.pin-digit.error{border-color:#c81e1e;background:#c81e1e0a}.pin-error{color:#c81e1e;font-size:.8rem;margin:4px 0 0;text-align:center}.timeout-select{width:100%;padding:.6rem .75rem;border:1px solid #ddd;border-radius:6px;font-size:.9rem;color:#333;background:#fff;cursor:pointer;box-sizing:border-box}.timeout-select:focus{outline:none;border-color:#8e44ad}.alert.info{background-color:#e8f4fd;color:#1a73e8;border:1px solid #a8d4f0}input[type=email]{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:1rem;box-sizing:border-box;transition:border-color .2s}.email-code-row{display:flex;gap:10px;align-items:center}.email-code-row input{flex:1;padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:1rem;letter-spacing:4px;font-weight:600;text-align:center}.btn-send-code{flex-shrink:0;padding:.75rem 1rem;background-color:#8e44ad;color:#fff;border:none;border-radius:6px;font-size:.85rem;cursor:pointer;transition:background-color .2s,opacity .2s;white-space:nowrap;font-weight:500}.btn-send-code:hover:not(:disabled){background-color:#732d91}.btn-send-code:disabled{background-color:#ccc;cursor:not-allowed;color:#666}