.auth-wrapper{min-height:100vh;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:radial-gradient(at 0% 0%,#e4d247 0px,transparent 50%),radial-gradient(at 50% 50%,#e4d247 0px,transparent 100%),radial-gradient(at 100% 100%,#aa7b18 0px,transparent 50%),#06684d;position:relative;overflow:hidden}.auth-wrapper:before{content:"";position:absolute;width:500px;height:500px;background:linear-gradient(135deg,#0087d1,#005a8c);-webkit-filter:blur(120px);filter:blur(120px);opacity:.15;top:-100px;right:-100px;border-radius:50%}.recovery-box,.reset-box{background:#fffffffa;width:100%;max-width:440px;padding:10px 40px;border-radius:28px;box-shadow:0 40px 100px #0006;position:relative;z-index:10;border:1px solid rgba(255,255,255,.2)}.input-group-custom{margin-bottom:25px}.back-link{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:.9rem;font-weight:700;color:#0087d1;text-decoration:none;transition:.2s}.back-link:hover{color:#005a8c}.login-box,.register-box{background:#fffffffa;width:100%;max-width:550px;padding:10px 40px;border-radius:28px;box-shadow:0 40px 100px #0006;position:relative;z-index:10;border:1px solid rgba(255,255,255,.2)}.brand-header{text-align:center;margin-bottom:35px}.brand-logo{max-width:160px;margin-bottom:20px}.method-selector{background:#f1f5f9;padding:5px;border-radius:14px;display:-ms-flexbox;display:flex;margin-bottom:30px}.method-btn{-ms-flex:1;flex:1;border:none;padding:12px;border-radius:10px;font-size:.85rem;font-weight:700;color:#06684d;background:transparent;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.method-btn.active{background:#fff;color:#01543a;box-shadow:0 4px 12px #00000014}.input-group-custom{margin-bottom:20px}.input-label{font-size:.8rem;font-weight:700;color:#1e293b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;display:block}.form-control-custom{width:100%;padding:14px 18px;border-radius:12px;border:2px solid #e2e8f0;background:#f8fafc;font-size:1rem;color:#0f172a;transition:all .2s}.form-control-custom:focus{outline:none;border-color:#0087d1;background:#fff;box-shadow:0 0 0 4px #0087d11a}.btn-submit{width:100%;padding:16px;border-radius:12px;background:#06684d;color:#fff;border:none;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s;margin-top:10px}.btn-submit:hover{background:#01543a;-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 15px 30px #0087d14d}.hidden{display:none}#otp_code{letter-spacing:12px;font-size:1.5rem;text-align:center;font-family:monospace;color:#0087d1;border-color:#0087d1}.delete-box{background:#fffffffa;width:100%;max-width:440px;padding:10px 40px;border-radius:28px;box-shadow:0 40px 100px #0006;position:relative;z-index:10;border:1px solid rgba(255,255,255,.2)}.cancel-link,.login-link,.back-link{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:.9rem;font-weight:700;color:#06684d;text-decoration:none;transition:.2s}.cancel-link:hover,.login-link:hover,.back-link:hover{color:#01543a}.warning-callout{background:#fff5f5;border-radius:12px;padding:15px;margin-bottom:25px;border-left:4px solid #ef4444}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}@media (max-width: 576px){.form-grid{grid-template-columns:1fr}.register-box{padding:30px 20px}}.password-wrapper{position:relative}.password-toggle-icon{position:absolute;right:15px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer;color:#94a3b8}