:root{--primary-color: #4361ee;--primary-dark: #3a56e4;--secondary-color: #7209b7;--accent-color: #4cc9f0;--success-color: #2ecc71;--danger-color: #e74c3c;--warning-color: #f39c12;--dark-color: #1a1a2e;--text-color: #333333;--light-text: #6b7280;--very-light-text: #9ca3af;--bg-color: #f9fafb;--light-bg: #ffffff;--border-color: #e5e7eb;--border-radius: 12px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);--transition: all 0.3s ease}.signin-container{font-family:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;margin:0 !important;padding:0 !important;color:var(--text-color) !important;background-color:var(--bg-color) !important;line-height:1.5 !important;height:100vh !important;overflow:hidden !important}.particles-container{position:fixed !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;z-index:-1 !important}#particles-js{width:100% !important;height:100% !important;background:linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%) !important}.signin-container{position:relative !important;max-width:1200px !important;height:100vh !important;margin:0 auto !important;overflow:hidden !important}.signin-container .row{height:100% !important;box-shadow:var(--shadow-lg) !important;border-radius:var(--border-radius) !important;background-color:var(--light-bg) !important}@media (min-width: 992px){.signin-container{height:90vh !important;margin-top:5vh !important}}.brand-panel{background:linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%) !important;padding:3rem !important;color:white !important;display:flex !important;flex-direction:column !important;justify-content:center !important;border-radius:var(--border-radius) 0 0 var(--border-radius) !important;position:relative !important;overflow:hidden !important}.brand-panel::before{content:'' !important;position:absolute !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='white' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E") !important;opacity:0.3 !important}.brand-content{position:relative !important;z-index:2 !important}.logo-wrapper{margin-bottom:2rem !important}.logo{background:rgba(255,255,255,0.2) !important;color:white !important;width:70px !important;height:70px !important;border-radius:14px !important;display:flex !important;align-items:center !important;justify-content:center !important;font-size:2rem !important;font-weight:700 !important;box-shadow:0 10px 15px -3px rgba(0,0,0,0.2) !important;position:relative !important;overflow:hidden !important}.logo::after{content:'' !important;position:absolute !important;top:-10px !important;left:-10px !important;right:-10px !important;bottom:-10px !important;background:linear-gradient(135deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 50%) !important;transform:rotate(35deg) !important;z-index:0 !important}.brand-title{font-size:2.5rem !important;font-weight:700 !important;margin-bottom:1rem !important;background:linear-gradient(to right, #fff, #e0e0e0) !important;-webkit-background-clip:text !important;-webkit-text-fill-color:transparent !important}.brand-description{font-size:1.1rem !important;opacity:0.9 !important;margin-bottom:2.5rem !important;line-height:1.6 !important}.features-section{margin-bottom:2.5rem !important}.feature-item{display:flex !important;align-items:flex-start !important;margin-bottom:1.5rem !important}.feature-icon{background-color:rgba(255,255,255,0.2) !important;width:48px !important;height:48px !important;min-width:48px !important;border-radius:12px !important;display:flex !important;align-items:center !important;justify-content:center !important;margin-right:1rem !important;font-size:1.2rem !important}.feature-text h4{font-size:1.1rem !important;font-weight:600 !important;margin:0 0 0.25rem 0 !important}.feature-text p{font-size:0.95rem !important;opacity:0.9 !important;margin:0 !important}.testimonial{background-color:rgba(255,255,255,0.1) !important;padding:1.5rem !important;border-radius:16px !important;position:relative !important}.quote-mark{font-size:1.5rem !important;opacity:0.5 !important;margin-bottom:0.5rem !important}.quote-text{font-size:1rem !important;font-style:italic !important;margin-bottom:1.25rem !important;line-height:1.6 !important}.testimonial-author{display:flex !important;align-items:center !important}.author-image{width:40px !important;height:40px !important;border-radius:50% !important;background-color:rgba(255,255,255,0.3) !important;margin-right:0.75rem !important;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white" width="24px" height="24px"><path d="M0 0h24v24H0z" fill="none"/><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z"/></svg>') !important;background-repeat:no-repeat !important;background-position:center !important}.author-info h5{font-size:0.9rem !important;font-weight:600 !important;margin:0 0 0.1rem 0 !important}.author-info p{font-size:0.8rem !important;opacity:0.9 !important;margin:0 !important}.form-panel{background-color:var(--light-bg) !important;display:flex !important;align-items:center !important;justify-content:center !important;padding:1rem !important;border-radius:0 var(--border-radius) var(--border-radius) 0 !important}.form-wrapper{width:100% !important;max-width:420px !important;padding:1.5rem !important}.mobile-logo{display:flex !important;flex-direction:column !important;align-items:center !important;margin-bottom:2rem !important}.mobile-logo .logo{background:linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%) !important;margin-bottom:1rem !important}.mobile-logo h2{font-size:1.8rem !important;font-weight:700 !important;margin:0 !important;background:linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%) !important;-webkit-background-clip:text !important;-webkit-text-fill-color:transparent !important}.signin-header{margin-bottom:1.5rem !important;text-align:center !important}.signin-header h2{font-size:1.75rem !important;font-weight:700 !important;margin-bottom:0.5rem !important;color:var(--text-color) !important}.signin-header p{font-size:1rem !important;color:var(--light-text) !important;margin:0 !important}.signin-form{margin-bottom:1.5rem !important}.form-floating{position:relative !important;margin-bottom:1rem !important}.form-floating .form-control{height:60px !important;padding:1rem 1rem 1rem 3rem !important;border-radius:12px !important;border:1px solid var(--border-color) !important;font-size:1rem !important;color:var(--text-color) !important;background-color:var(--bg-color) !important;transition:var(--transition) !important}.form-floating .form-control:focus{border-color:var(--primary-color) !important;box-shadow:0 0 0 4px rgba(67,97,238,0.15) !important;background-color:white !important}.form-floating>label{padding:1rem 1rem 1rem 3rem !important;color:var(--light-text) !important;font-size:0.95rem !important}.form-icon{position:absolute !important;left:1.1rem !important;top:50% !important;transform:translateY(-50%) !important;color:var(--light-text) !important;font-size:1.1rem !important;z-index:2 !important}.password-toggle{position:absolute !important;right:1.1rem !important;top:50% !important;transform:translateY(-50%) !important;background:none !important;border:none !important;color:var(--light-text) !important;cursor:pointer !important;font-size:1.1rem !important;z-index:3 !important;padding:0 !important}.password-toggle:hover{color:var(--primary-color) !important}.form-check-input{width:1.2em !important;height:1.2em !important;margin-top:0.15em !important;background-color:var(--bg-color) !important;border:1px solid var(--border-color) !important;border-radius:4px !important}.form-check-input:checked{background-color:var(--primary-color) !important;border-color:var(--primary-color) !important}.form-check-label{color:var(--light-text) !important;font-size:0.95rem !important}.forgot-password{font-size:0.95rem !important;color:var(--primary-color) !important;text-decoration:none !important;transition:var(--transition) !important}.forgot-password:hover{color:var(--primary-dark) !important;text-decoration:underline !important}.btn-signin{width:100% !important;padding:0.75rem 1.5rem !important;font-size:1rem !important;font-weight:600 !important;text-transform:none !important;border:none !important;border-radius:12px !important;background:linear-gradient(to right, var(--primary-color), var(--primary-dark)) !important;color:white !important;box-shadow:0 4px 12px rgba(67,97,238,0.3) !important;transition:var(--transition) !important;margin-bottom:1.5rem !important}.btn-signin:hover{transform:translateY(-2px) !important;box-shadow:0 6px 16px rgba(67,97,238,0.4) !important}.btn-signin:active{transform:translateY(0) !important}.alternate-signin{margin-bottom:1.5rem !important}.divider{display:flex !important;align-items:center !important;margin:1rem 0 1.5rem 0 !important;color:var(--very-light-text) !important;font-size:0.9rem !important}.divider::before,.divider::after{content:'' !important;flex-grow:1 !important;height:1px !important;background-color:var(--border-color) !important}.divider span{padding:0 1rem !important}.social-signin{display:flex !important;justify-content:center !important;gap:1rem !important}.btn-social{width:50px !important;height:50px !important;display:flex !important;align-items:center !important;justify-content:center !important;border-radius:12px !important;border:1px solid var(--border-color) !important;background-color:white !important;color:var(--text-color) !important;font-size:1.3rem !important;transition:var(--transition) !important;box-shadow:var(--shadow-sm) !important}.btn-social:hover{transform:translateY(-2px) !important;box-shadow:var(--shadow-md) !important}.btn-google{color:#ea4335 !important}.btn-microsoft{color:#0078d4 !important}.btn-apple{color:#000000 !important}.signin-footer{text-align:center !important;font-size:0.95rem !important;color:var(--light-text) !important}.signup-link{color:var(--primary-color) !important;text-decoration:none !important;font-weight:500 !important;transition:var(--transition) !important}.signup-link:hover{color:var(--primary-dark) !important;text-decoration:underline !important}@media (max-width: 991.98px){.signin-container{height:100vh !important;margin-top:0 !important}.form-panel{padding:1rem !important}.signin-form{padding:0 !important}}@media (max-width: 767.98px){.form-panel{padding:1.5rem !important}.signin-header h2{font-size:1.75rem !important}.form-floating .form-control{height:56px !important}}@media (max-width: 575.98px){.btn-social{width:45px !important;height:45px !important;font-size:1.2rem !important}.form-options{flex-direction:column !important;gap:1rem !important;align-items:flex-start !important}}