.activate-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#ffffff;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.activate-card{background:white;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.1);width:100%;max-width:480px;overflow:hidden;border:1px solid #e5e7eb}.activate-card.error-card,.activate-card.loading-card,.activate-card.success-card{padding:60px 40px;text-align:center}.loading-card p{margin-top:20px;color:#64748b;font-size:16px}.error-card .error-icon,.success-card .success-icon{margin-bottom:20px}.error-card .error-icon{color:#ef4444}.success-card .success-icon{color:#22c55e}.error-card h2,.success-card h2{font-size:24px;font-weight:700;margin-bottom:12px;color:#1e293b}.error-card p,.success-card p{color:#64748b;font-size:15px;margin-bottom:8px;line-height:1.6}.btn-primary-activate{margin-top:24px;background:linear-gradient(135deg,#1e88e5,#1565c0);color:white;border:none;padding:14px 32px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px rgba(30,136,229,.2)}.btn-primary-activate:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(30,136,229,.4);background:linear-gradient(135deg,#1976d2,#1565c0)}.redirect-loader{margin-top:24px;display:flex;align-items:center;justify-content:center;gap:10px;color:#64748b;font-size:14px}.activate-header{background:white;padding:40px 40px 20px;text-align:center;color:#1e293b}.activate-header .logo{font-size:28px;font-weight:700;margin-bottom:20px;color:#1e88e5;display:flex;justify-content:center;align-items:center}.activate-header .logo img{height:50px;width:auto;object-fit:contain}.activate-header h1{font-size:28px;font-weight:600;margin-bottom:8px;color:#1e293b}.activate-header .subtitle{font-size:14px;color:#64748b}.vendor-info{background:#f8f9fa;border-bottom:1px solid #e5e7eb;border-top:1px solid #e5e7eb;padding:20px 40px}.vendor-info-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.vendor-info-row .label{color:#64748b;font-size:13px}.vendor-info-row .value{color:#1e293b;font-weight:600;font-size:14px}.activate-form{padding:32px 40px}.form-group{margin-bottom:24px}.form-group label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#374151;margin-bottom:8px}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{width:100%;padding:14px 48px 14px 16px;border:2px solid #e5e7eb;border-radius:10px;font-size:15px;transition:all .3s}.password-input-wrapper input:focus{outline:none;border-color:#1e88e5;box-shadow:0 0 0 3px rgba(30,136,229,.1)}.toggle-password{position:absolute;right:14px;background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s}.toggle-password:hover{color:#6b7280}.password-strength{margin-top:12px;display:flex;align-items:center;gap:12px}.strength-bars{display:flex;gap:4px;flex:1 1}.strength-bar{height:4px;flex:1 1;border-radius:2px;transition:background-color .3s}.strength-label{font-size:12px;font-weight:600;min-width:80px;text-align:right}.password-requirements{margin-top:16px;padding:16px;background:#f8fafc;border-radius:10px;border:1px solid #e5e7eb}.password-requirements p{font-size:12px;color:#64748b;margin-bottom:10px;font-weight:500}.password-requirements ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.password-requirements li{font-size:12px;color:#9ca3af;transition:color .2s}.password-requirements li.valid{color:#22c55e}.error-text{color:#ef4444}.error-text,.success-text{display:block;margin-top:8px;font-size:12px}.success-text{color:#22c55e}.form-error{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:13px;margin-bottom:20px}.btn-submit-activate{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 24px;background:linear-gradient(135deg,#1e88e5,#1565c0);color:white;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px rgba(30,136,229,.2)}.btn-submit-activate:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px rgba(30,136,229,.4);background:linear-gradient(135deg,#1976d2,#1565c0)}.btn-submit-activate:disabled{opacity:.6;cursor:not-allowed;transform:none}.activate-footer{padding:24px 40px;background:white;text-align:center;border-top:1px solid #e5e7eb}.activate-footer p{font-size:14px;color:#64748b}.activate-footer a{color:#1e88e5;text-decoration:none;font-weight:600}.activate-footer a:hover{text-decoration:underline}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.code-input-section{margin-bottom:24px}.code-input-section label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#374151;margin-bottom:12px}.code-input{width:100%;padding:20px;font-size:32px;font-weight:700;text-align:center;letter-spacing:16px;border:2px solid #e5e7eb;border-radius:8px;font-family:monospace;transition:all .3s ease}.code-input:focus{outline:none;border-color:#1e88e5;box-shadow:0 0 0 3px rgba(30,136,229,.1)}.code-input::placeholder{color:#d1d5db;letter-spacing:16px}@media (max-width:520px){.activate-container{padding:10px}.activate-card{border-radius:16px}.activate-header{padding:30px 24px}.activate-header h1{font-size:20px}.vendor-info{padding:16px 24px}.activate-form{padding:24px}.password-requirements ul{grid-template-columns:1fr}.activate-footer{padding:16px 24px}}