@media (max-width:600px){.toast{bottom:8px!important;right:8px!important;max-width:95vw!important;font-size:12px!important;padding:10px 12px!important;border-radius:6px!important;gap:8px!important}.toast-close{font-size:18px!important;width:28px!important;height:28px!important}}.toast{position:fixed;bottom:24px;right:24px;padding:16px 20px;border-radius:8px;display:flex;align-items:center;gap:16px;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:9999;animation:slideIn .3s ease-out;max-width:400px;font-size:14px}@keyframes slideIn{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.toast-success{background:#e8f5e9;border:1px solid #a5d6a7;color:#2e7d32}.toast-error{background:#ffebee;border:1px solid #ef9a9a;color:#c62828}.toast-info{background:#e3f2fd;border:1px solid #90caf9;color:#1565c0}.toast-close{background:none;border:none;color:inherit;font-size:24px;cursor:pointer;padding:0;line-height:1;opacity:.7;transition:opacity .2s}.toast-close:hover{opacity:1}@media (max-width:600px){.modal-content{padding:18px!important;border-radius:14px!important;max-width:98vw!important}.modal-content h2{font-size:20px!important;margin-bottom:18px!important}.form-group input{padding:10px 12px!important}.form-group input,.submit-btn{font-size:14px!important;border-radius:8px!important}.submit-btn{padding:10px!important}.toggle-mode{font-size:13px!important;margin-top:18px!important}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#1a1d29;border:1px solid hsla(0,0%,100%,.1);border-radius:24px;padding:48px;max-width:480px;width:90%;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.5);animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.close-btn{position:absolute;top:20px;right:20px;background:hsla(0,0%,100%,.05);border:none;color:#94a3b8;font-size:24px;cursor:pointer;line-height:1;padding:0;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s}.close-btn:hover{background:hsla(0,0%,100%,.1);color:#fff}.modal-content h2{font-size:32px;margin-bottom:32px;font-weight:700;color:#fff;letter-spacing:-.5px}.form-group{margin-bottom:24px}.form-group label{display:block;margin-bottom:10px;font-size:15px;color:#cbd5e1;font-weight:500}.form-group input{width:100%;padding:14px 18px;background:rgba(15,23,42,.6);border:1px solid rgba(148,163,184,.2);border-radius:12px;color:#fff;font-size:16px;transition:all .2s;box-sizing:border-box}.form-group input::placeholder{color:#64748b}.form-group input:focus{outline:none;border-color:#3b82f6;background:rgba(15,23,42,.8);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.error-message{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:14px 16px;border-radius:12px;margin-bottom:20px;font-size:14px;font-weight:500}.submit-btn{width:100%;padding:16px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:12px;font-size:17px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px rgba(59,130,246,.3)}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(59,130,246,.4)}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.toggle-mode{margin-top:28px;text-align:center;color:#94a3b8;font-size:15px}.toggle-mode button{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:15px;font-weight:600;transition:color .2s}.toggle-mode button:hover{color:#60a5fa;text-decoration:underline}