:root{--primary: #4f46e5;--primary-dark: #3730a3;--primary-light: #ede9fe}*{box-sizing:border-box}body{font-family:Vazirmatn,vazir,sans-serif;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;justify-content:center;align-items:center;min-height:100vh;padding:1rem;margin:0}.login-wrapper{width:100%;max-width:420px}.login-card{background:#fff;border-radius:1.25rem;box-shadow:0 20px 60px #00000026;overflow:hidden}.login-header{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);padding:2rem 2rem 1.5rem;text-align:center;color:#fff}.login-header .logo-icon{width:64px;height:64px;background:#ffffff26;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;font-size:1.75rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.login-header h1{font-size:1.4rem;font-weight:700;margin:0;letter-spacing:-.5px}.login-header p{font-size:.85rem;opacity:.8;margin:.35rem 0 0}.login-body{padding:2rem}.form-label{font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.4rem}.input-group-custom{position:relative}.input-group-custom .input-icon{position:absolute;right:.875rem;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:.9rem;pointer-events:none;z-index:5}.input-group-custom .form-control{padding-right:2.5rem;border:1.5px solid #e5e7eb;border-radius:.625rem;height:48px;font-size:.9rem;transition:border-color .2s,box-shadow .2s;background:#f9fafb}.input-group-custom .form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51f;background:#fff;outline:none}.input-group-custom .form-control.is-invalid{border-color:#ef4444;background:#fff5f5}.toggle-password{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#9ca3af;cursor:pointer;padding:0;font-size:.9rem;z-index:5;transition:color .2s}.toggle-password:hover{color:var(--primary)}.form-check-input:checked{background-color:var(--primary);border-color:var(--primary)}.form-check-label{font-size:.875rem;color:#6b7280}.btn-login{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border:none;border-radius:.625rem;height:50px;font-size:1rem;font-weight:700;color:#fff;width:100%;transition:opacity .2s,transform .1s;letter-spacing:.5px}.btn-login:hover{opacity:.92;transform:translateY(-1px);color:#fff}.btn-login:active{transform:translateY(0)}.alert-danger{background:#fef2f2;border:1px solid #fecaca;border-radius:.625rem;color:#b91c1c;font-size:.875rem;padding:.75rem 1rem}.text-danger.small{font-size:.78rem;margin-top:.3rem}.login-footer{border-top:1px solid #f3f4f6;padding:1rem 2rem;text-align:center}.login-footer p{font-size:.78rem;color:#9ca3af;margin:0;line-height:1.8}.login-footer a{color:var(--primary);text-decoration:none;font-weight:600}.login-footer a:hover{text-decoration:underline}.divider{display:flex;align-items:center;gap:.75rem;margin:1.25rem 0;color:#d1d5db;font-size:.75rem}.divider:before,.divider:after{content:"";flex:1;height:1px;background:#e5e7eb}.register-card{background:#fff;border:none;border-radius:20px;overflow:hidden;box-shadow:0 15px 35px #0000001a;width:100%;max-width:600px}.register-header{background:linear-gradient(45deg,#4e73df,#224abe);padding:40px;color:#fff;text-align:center}.form-control,.form-select{border-radius:10px;padding:12px 15px;border:1px solid #e1e5eb;background-color:#f8f9fc;transition:all .3s}.form-control:focus{box-shadow:0 0 8px #4e73df40;border-color:#4e73df;background-color:#fff}.btn-register{background:linear-gradient(45deg,#1cc88a,#13855c);border:none;border-radius:10px;padding:15px;font-weight:700;color:#fff;transition:all .3s;width:100%}.btn-register:hover{transform:translateY(-2px);box-shadow:0 5px 15px #1cc88a66;color:#fff}.input-group-text{background:transparent;border-radius:10px!important;color:#4e73df}.trial-badge{background-color:#fff3;padding:5px 15px;border-radius:50px;font-size:.85rem}.is-invalid{border-color:#e74a3b!important}.is-valid{border-color:#1cc88a!important}.validation-msg{font-size:.75rem;margin-top:4px}.otp-card{background:#fff;border:none;border-radius:15px;box-shadow:0 10px 25px #0000000d;width:100%;max-width:400px;padding:2rem}.otp-input{letter-spacing:8px;text-align:center;font-size:24px;font-weight:700;border-radius:12px}.btn-verify{background:#0d6efd;color:#fff;border-radius:10px;padding:12px;transition:.3s;width:100%;font-weight:700;border:none}.btn-verify:hover{background:#0056b3}