.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7);display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;visibility:hidden;transition:all 0.3s ease}.modal-overlay.active{opacity:1;visibility:visible}.modal{background:linear-gradient(135deg,var(--primary-color) 0%,var(--hover-color) 100%);border-radius:15px;padding:2.5rem;width:100%;max-width:450px;box-shadow:0 15px 35px rgba(0,0,0,0.3);position:relative;transform:translateY(-20px);transition:all 0.3s ease}.modal-overlay.active .modal{transform:translateY(0)}.close-btn{position:absolute;top:1rem;right:1rem;font-size:1.5rem;cursor:pointer;color:var(--text-color);transition:all 0.3s ease}.close-btn:hover{color:var(--accent-color);transform:rotate(90deg)}.modal-title{text-align:center;margin-bottom:2rem;color:var(--accent-color);font-size:1.8rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:0.5rem;font-weight:500}.form-control{width:100%;padding:0.8rem 1rem;border-radius:8px;border:none;background-color:rgba(255,255,255,0.1);color:var(--text-color);font-size:1rem;transition:all 0.3s ease;border:1px solid rgba(255,255,255,0.2)}.form-control:focus{outline:none;border-color:var(--accent-color);background-color:rgba(255,255,255,0.15);box-shadow:0 0 0 2px rgba(255,215,0,0.2)}.checkbox-group{display:flex;align-items:center;margin-bottom:1.5rem}.checkbox-group input{margin-right:0.8rem;width:18px;height:18px;accent-color:var(--accent-color)}.submit-btn{width:100%;padding:0.8rem;border-radius:8px;border:none;background-color:var(--accent-color);color:var(--text-color);font-weight:600;font-size:1rem;cursor:pointer;transition:all 0.3s ease;margin-top:1rem}.submit-btn:hover{background-color:#ffc107;transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,215,0,0.3)}.auth-footer{text-align:center;margin-top:1.5rem;font-size:0.9rem}.auth-footer a{color:var(--accent-color);text-decoration:none;font-weight:500}.auth-footer a:hover{text-decoration:underline}.toast{position:fixed;top:20px;right:20px;background-color:var(--footer-bg);color:var(--text-color);padding:1rem 1.5rem;border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,0.2);font-weight:500;z-index:1100;transform:translateX(150%);transition:all 0.3s ease}.toast.show{transform:translateX(0)}@media (max-width:500px){.modal{padding:1.5rem;margin:0 1rem}.modal-title{font-size:1.5rem;margin-bottom:1.5rem}}