@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--primary-accent:#ff5722;--accent-light:#ff8a65;--accent-dark:#e64a19;--accent-glow:#ff572240;--accent-subtle:#ff572214;--online-success:#22c55e;--danger-error:#ef4444;--msg-sent-tick-unread:#64748b80;--msg-read-tick-blue:#38bdf8;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-icon:#64748b;--text-on-accent:#fff;--typing-indicator:#ff5722;--sent-bubble-gradient-start:#ff5722;--sent-bubble-gradient-end:#ff8a65;--received-bubble:#fff;--page-background:#f0f2f8;--chat-background:#f8fafc;--panel-sidebar:#ffffffa6;--header-nav:#ff5722;--search-bar:#f1f5f9cc;--input-fields:#fff;--cards:#ffffffb3;--border-line:#0000000f;--focus-border:#ff572280;--bg-overlay:#ffffffeb;--bg-dropdown:#fff;--bg-modal-backdrop:#f8fafcd9;--shadow-sm:0 1px 3px #0000000a;--shadow-md:0 4px 16px #0000000f;--shadow-lg:0 12px 40px #0000001a;--shadow-dropdown:0 8px 30px #0000001f;--shadow-card:0 4px 20px #0000000d;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s cubic-bezier(.16, 1, .3, 1);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--bubble-shadow-sent:0 4px 20px #ff572233;--bubble-shadow-received:0 2px 12px #0000000a}body.dark-theme{--accent-glow:#ff57224d;--accent-subtle:#ff57221f;--msg-sent-tick-unread:#ffffff59;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--text-icon:#94a3b8;--typing-indicator:#ff8a65;--received-bubble:#1e293b;--page-background:#020617;--chat-background:#0b1120;--panel-sidebar:#0f172a80;--header-nav:#e64a19;--search-bar:#1e293b99;--input-fields:#1e293bcc;--cards:#1e293b80;--border-line:#ffffff0f;--focus-border:#ff572299;--bg-overlay:#0f172af2;--bg-dropdown:#1e293b;--bg-modal-backdrop:#020617d9;--bubble-shadow-sent:0 4px 20px #ff572226;--bubble-shadow-received:0 2px 12px #0003}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}body{background:var(--page-background);justify-content:center;align-items:center;min-height:100vh;transition:background-color .3s;display:flex;position:relative}.theme-toggle-wrapper{z-index:10;position:absolute;top:24px;right:24px}.icon-action{width:44px;height:44px;color:var(--text-muted);border:1px solid var(--border-line);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.icon-action:hover{background:var(--input-fields);color:var(--text-primary);transform:translateY(-1px)}.login-container{background:var(--panel-sidebar);border:1px solid var(--border-line);text-align:center;z-index:1;border-radius:20px;width:100%;max-width:440px;padding:44px 40px 40px;transition:background-color .3s,border-color .3s;animation:.5s both cardEntry;position:relative;box-shadow:0 10px 30px #0000000d}@keyframes cardEntry{0%{opacity:0;transform:translateY(32px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.login-logo{justify-content:center;margin-bottom:8px;animation:.8s cubic-bezier(.16,1,.3,1) .15s both logoEntry;display:flex}@keyframes logoEntry{0%{opacity:0;transform:translateY(12px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.login-logo .logo-icon{width:56px;height:56px;filter:drop-shadow(0 4px 16px var(--accent-glow))}.login-header{animation:.8s cubic-bezier(.16,1,.3,1) .25s both headerEntry}@keyframes headerEntry{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.login-header h2{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:6px;font-size:1.65rem;font-weight:700}.login-header p{color:var(--text-muted);margin-bottom:32px;font-size:.95rem;font-weight:400;line-height:1.5}.form-group{text-align:left;margin-bottom:22px;animation:.8s cubic-bezier(.16,1,.3,1) .35s both formEntry}@keyframes formEntry{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.form-group label{color:var(--text-muted);letter-spacing:.03em;text-transform:uppercase;margin-bottom:8px;font-size:.85rem;font-weight:500;display:block}.form-input{border:1px solid var(--border-line);background:var(--input-fields);width:100%;color:var(--text-primary);border-radius:14px;outline:none;padding:14px 16px;font-family:Inter,sans-serif;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #00000014}.form-input::placeholder{color:#9e9ab099}.form-input:hover{background:var(--panel-sidebar);border-color:#fff3}.form-input:focus{border-color:var(--focus-border);background:var(--input-fields);box-shadow:0 0 0 3px var(--accent-glow), 0 2px 12px #6366f11f}.btn-primary{background:var(--primary-accent);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;padding:15px;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;transition:all .2s;animation:.5s both btnEntry}@keyframes btnEntry{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.btn-primary:hover{background:var(--accent-light);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{color:var(--text-muted);cursor:not-allowed;background:#9e9ab033;transform:none}.error-msg{color:var(--danger-error);margin-top:8px;padding-left:2px;font-size:.83rem;font-weight:500;display:none}.step{transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1)}.step.hidden{opacity:0;display:none;transform:translate(24px)}.otp-hint{color:var(--text-muted);opacity:.7;margin-top:12px;font-size:.8rem;font-weight:400}.form-row{gap:12px;display:flex}.form-group.half{flex:1}.auth-switch{color:var(--text-muted);margin-top:16px;font-size:.9rem}.auth-switch a{color:var(--primary-accent);font-weight:600;text-decoration:none}.auth-switch a:hover{text-decoration:underline}.iti__country-list{border:1px solid var(--border-line);color:var(--text-primary);background:#1e1b2e;border-radius:12px;box-shadow:0 16px 48px #0006}.iti__country:hover,.iti__country.iti__highlight{background:#6366f126}.iti__selected-flag{border-radius:14px 0 0 14px}.iti__selected-flag:hover,.iti__selected-flag:focus{background:#ffffff0f}.iti__dial-code{color:var(--text-muted)}.iti__search-input{border:1px solid var(--border-line);color:var(--text-primary);background:#ffffff0f;border-radius:8px}.iti input{padding-left:52px!important}@media (width<=480px){.login-container{border-radius:22px;margin:16px;padding:32px 24px 28px}.login-header h2{font-size:1.4rem}}