:root{--ml-purple: #4f3795;--ml-purple-mid: #6a4cb8;--ml-purple-lt: #7c5dc7;--ml-purple-bg: #f0ecfa;--ml-purple-dim: rgba(79, 55, 149, .12);--ml-gold: #c9a84c;--ml-text: #1a1325;--ml-muted: #6b5f82;--ml-border: #ddd5f0;--ml-error-bg: #fff0f0;--ml-error: #c0392b;--ml-info-bg: #edf4ff;--ml-info: #2563eb;--ml-white: #ffffff;--ml-radius: 14px;--ml-shadow: 0 8px 40px rgba(79, 55, 149, .18);--ml-transition: .18s ease}.login-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;position:relative;overflow:hidden;background:#f7f4fc}.login-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 10%,rgba(124,93,199,.22) 0%,transparent 55%),radial-gradient(ellipse at 85% 80%,rgba(79,55,149,.18) 0%,transparent 55%),radial-gradient(ellipse at 50% 50%,rgba(201,168,76,.06) 0%,transparent 70%);pointer-events:none;z-index:0}.login-card{position:relative;z-index:1;width:100%;max-width:420px;background:var(--ml-white);border-radius:24px;box-shadow:var(--ml-shadow);overflow:hidden}.login-card-header{background:linear-gradient(135deg,var(--ml-purple) 0%,var(--ml-purple-lt) 100%);padding:36px 32px 28px;text-align:center}.login-logo{height:52px;width:auto;object-fit:contain;margin-bottom:12px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.2))}.login-logo-placeholder{font-size:46px;margin-bottom:8px;display:block}.login-title{color:var(--ml-white);font-size:22px;font-weight:700;margin:0 0 6px;letter-spacing:-.3px}.login-subtitle{color:#ffffffc7;font-size:14px;margin:0}.login-footer{position:relative;z-index:1;margin-top:20px;font-size:12px;color:var(--ml-muted)}.ml-form{padding:28px 32px 32px;display:flex;flex-direction:column;gap:20px}.ml-form.compact{padding:20px 24px 24px;gap:16px}.ml-field{display:flex;flex-direction:column;gap:8px}.ml-label{font-size:13px;font-weight:600;color:var(--ml-muted);letter-spacing:.2px}.ml-phone-input{width:100%;box-sizing:border-box;padding:13px 16px;border:0;font-size:18px;letter-spacing:2px;text-align:center;color:var(--ml-text);transition:border-color var(--ml-transition),box-shadow var(--ml-transition);outline:none;background:#fafafa;font-family:inherit;border-bottom:1px solid #b9d1e8}.ml-phone-input:focus{border-color:var(--ml-purple-lt);box-shadow:0 0 0 3px var(--ml-purple-dim);background:var(--ml-white)}.ml-channel-group{display:flex;flex-direction:column;gap:10px}.ml-channel-label{font-size:13px;color:var(--ml-muted);font-weight:600}.ml-channel-row{display:flex;gap:8px}.ml-channel-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;padding:11px 8px;border:0;background:linear-gradient(135deg,#c4f6f7,#fcf5ff,#fff);cursor:pointer;transition:border-color var(--ml-transition),background var(--ml-transition),transform var(--ml-transition);color:var(--ml-muted);font-family:inherit}.ml-channel-btn:hover:not(:disabled){border-color:var(--ml-purple-lt);background:linear-gradient(135deg,#95edef,#c7a7d4,#6bd1d3);transform:translateY(-1px)}.ml-channel-btn.active{border-color:var(--ml-purple);background:linear-gradient(135deg,#95edef,#c7a7d4,#6bd1d3);color:var(--ml-purple)}.ml-channel-btn:disabled{opacity:.5;cursor:not-allowed}.ml-ch-icon{font-size:20px}.ml-ch-label{font-size:12px;font-weight:600}.ml-otp-boxes{display:flex;gap:10px;justify-content:center}.ml-otp-box{width:46px;height:56px;border:2px solid var(--ml-border);border-radius:10px;font-size:24px;font-weight:700;text-align:center;color:var(--ml-text);background:#fafafa;transition:border-color var(--ml-transition),box-shadow var(--ml-transition),background var(--ml-transition);outline:none;caret-color:var(--ml-purple);font-family:inherit}.ml-otp-box:focus{border-color:var(--ml-purple-lt);box-shadow:0 0 0 3px var(--ml-purple-dim);background:var(--ml-white)}.ml-otp-box.filled{border-color:var(--ml-purple);background:var(--ml-purple-bg)}.ml-otp-box:disabled{opacity:.5}.ml-info-box{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:var(--ml-info-bg);border:1px solid rgba(37,99,235,.2);border-radius:10px}.ml-info-box .ml-info-icon{font-size:20px;flex-shrink:0}.ml-info-box p{margin:0;font-size:13.5px;line-height:1.5;color:var(--ml-info)}.ml-error{padding:11px 14px;background:var(--ml-error-bg);border:1px solid rgba(192,57,43,.2);border-radius:10px;color:var(--ml-error);font-size:13.5px;text-align:center;animation:ml-shake .3s ease}@keyframes ml-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.ml-btn-primary{width:100%;padding:14px;background:linear-gradient(135deg,var(--ml-purple) 0%,var(--ml-purple-lt) 100%);color:var(--ml-white);border:none;border-radius:var(--ml-radius);font-size:16px;font-weight:700;cursor:pointer;transition:opacity var(--ml-transition),transform var(--ml-transition),box-shadow var(--ml-transition);box-shadow:0 4px 16px #4f37954d;display:flex;align-items:center;justify-content:center;gap:8px;font-family:inherit}.ml-btn-primary:hover:not(:disabled){opacity:.92;transform:translateY(-1px);box-shadow:0 6px 20px #4f379561}.ml-btn-primary:active:not(:disabled){transform:translateY(0)}.ml-btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.ml-spinner{display:inline-block;width:18px;height:18px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:ml-spin .7s linear infinite}@keyframes ml-spin{to{transform:rotate(360deg)}}.ml-resend-row{display:flex;align-items:center;justify-content:space-between;font-size:13px}.ml-resend-hint{color:var(--ml-muted)}.ml-countdown{display:inline-block;font-weight:700;color:var(--ml-purple);font-variant-numeric:tabular-nums;min-width:36px}.ml-btn-resend{background:none;border:none;color:var(--ml-purple);font-size:13px;font-weight:600;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:2px;font-family:inherit}.ml-btn-resend:hover:not(:disabled){opacity:.75}.ml-btn-link{background:none;border:none;color:var(--ml-muted);font-size:13px;cursor:pointer;padding:0;font-family:inherit}.ml-btn-link:hover{color:var(--ml-purple)}.ml-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a13258c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:99999;padding:16px;animation:ml-fadeIn .18s ease}@keyframes ml-fadeIn{0%{opacity:0}to{opacity:1}}.ml-popup-modal{position:relative;width:100%;max-width:380px;background:var(--ml-white);box-shadow:0 20px 60px #4f379540;animation:ml-slideUp .22s ease;overflow:hidden}@keyframes ml-slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.ml-popup-close{position:absolute;top:14px;left:14px;background:#ffffff26;border:none;color:#ffffffe6;font-size:14px;width:30px;height:30px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--ml-transition);z-index:1}.ml-popup-close:hover{background:#ffffff47}.ml-popup-header{background:linear-gradient(135deg,#6bd1d3,#e9d2f5,#fff);padding:26px 28px 20px;text-align:center}.ml-popup-logo{font-size:36px;display:block;margin-bottom:6px}.ml-popup-header h2{color:var(--ml-white);font-size:18px;font-weight:700;margin:0}@media (max-width: 480px){.login-card{border-radius:18px}.ml-form{padding:22px 20px 26px}.ml-otp-box{width:40px;height:50px;font-size:20px}.ml-channel-btn{padding:9px 6px}.ml-ch-icon{font-size:18px}}