@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap";:root{--primary-red: #ff4b4b;--dark-red: #8B0000;--coral-red: #FF7F50;--tomato-red: #FF6347;--light-gray: #F8F9FA;--border-gray: #E5E5E5;--text-gray: #666666;--dark-text: #333333;--white: #FFFFFF;--danger: #ff4b4b;--shadow-light: 0 2px 10px rgba(0, 0, 0, .1);--shadow-medium: 0 4px 20px rgba(0, 0, 0, .15);--transition: all .3s ease}body{font-family:Poppins,sans-serif!important;background-color:var(--white);margin:0;padding:0;min-height:100vh}.wrapper{background:var(--white)!important}.login-content{background:var(--white)!important;align-items:center;display:flex}.modern-login-container{min-height:calc(100vh - 56px);display:flex;background:var(--white)}.modern-brand-section{display:none;background:linear-gradient(135deg,var(--primary-red) 0%,var(--dark-red) 100%);padding:3.75rem;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden;width:50%}.modern-brand-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="white" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="white" opacity="0.1"/><circle cx="50" cy="10" r="0.5" fill="white" opacity="0.1"/><circle cx="10" cy="60" r="0.5" fill="white" opacity="0.1"/><circle cx="90" cy="40" r="0.5" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.1}.modern-brand-content{position:relative;z-index:10;text-align:center;color:var(--white);max-width:28rem}.modern-brand-logo{margin-bottom:2rem}.modern-logo-circle{width:5rem;height:5rem;background:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;box-shadow:var(--shadow-medium)}.modern-logo-icon{color:var(--primary-red);font-size:1.875rem}.modern-brand-title{font-size:1.875rem;font-weight:700;letter-spacing:0;margin:0}.modern-brand-description{margin-top:1.5rem;line-height:1.6}.modern-brand-text{font-size:1.125rem;font-weight:300;letter-spacing:0;margin-bottom:2rem}.modern-features-grid{display:flex;justify-content:center;gap:1.5rem;margin-top:2rem}.modern-feature-item{text-align:center}.modern-feature-icon{width:3rem;height:3rem;background:#fff3;border-radius:.5rem;display:flex;align-items:center;justify-content:center;margin:0 auto .5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modern-feature-text{font-size:.875rem;font-weight:500;color:var(--white)}.modern-login-form-section{flex:1;display:flex;align-items:center;justify-content:center;padding:3.75rem}.modern-form-container{width:100%;max-width:28rem}.modern-mobile-logo{text-align:center;margin-bottom:2rem}.modern-mobile-logo-circle{width:5rem;height:5rem;background:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;box-shadow:var(--shadow-light)}.modern-mobile-logo-icon{color:var(--white);font-size:1.5rem}.modern-mobile-brand-title{font-size:1.5rem;font-weight:700;color:var(--dark-text);letter-spacing:0;margin:0}.modern-login-card{background:var(--white);border:1px solid var(--border-gray);border-radius:.5rem;padding:2rem;box-shadow:var(--shadow-light);transition:var(--transition)}.modern-login-card:hover{box-shadow:var(--shadow-medium)}.modern-form-header{text-align:center;margin-bottom:2rem}.modern-form-title{font-size:1.5rem;font-weight:700;color:var(--dark-text);letter-spacing:0;margin:0 0 .5rem}.modern-form-subtitle{color:var(--text-gray);font-weight:300;letter-spacing:0;margin:0}.modern-form-group{margin-bottom:1.5rem}.modern-form-label{display:block;font-size:.875rem;font-weight:500;color:var(--dark-text);letter-spacing:0;margin-bottom:.5rem}.modern-input-wrapper{position:relative}.modern-input-icon{position:absolute;top:50%;left:.75rem;transform:translateY(-50%);color:var(--text-gray);z-index:2}.modern-form-input{width:100%;padding:.75rem .75rem .75rem 2.5rem;border:1px solid var(--border-gray);border-radius:.5rem;font-size:.875rem;font-weight:300;letter-spacing:0;transition:var(--transition);background:var(--white)}.modern-form-input:focus{outline:none;border-color:var(--primary-red);box-shadow:0 0 0 3px #ff00001a}.modern-form-input::-moz-placeholder{color:var(--text-gray);opacity:.7}.modern-form-input::placeholder{color:var(--text-gray);opacity:.7}.modern-password-toggle{position:absolute;top:50%;right:.75rem;transform:translateY(-50%);background:none;border:none;color:var(--text-gray);cursor:pointer;padding:0;transition:var(--transition)}.modern-password-toggle:hover{color:var(--dark-text)}.modern-form-options{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.modern-checkbox-wrapper{display:flex;align-items:center}.modern-checkbox{margin-right:.5rem;accent-color:var(--primary-red)}.modern-checkbox-label{font-size:.875rem;color:var(--text-gray);font-weight:300;letter-spacing:0}.modern-forgot-link{font-size:.875rem;color:var(--primary-red);font-weight:500;letter-spacing:0;text-decoration:none;transition:var(--transition)}.modern-forgot-link:hover{color:var(--dark-red);text-decoration:none}.modern-login-btn{width:100%;background:var(--primary-red);color:var(--white);font-weight:600;padding:.75rem 1rem;border:none;border-radius:.5rem;letter-spacing:0;box-shadow:var(--shadow-light);transition:var(--transition);cursor:pointer;font-size:.875rem}.modern-login-btn:hover{background:var(--dark-red);transform:translateY(-1px);box-shadow:var(--shadow-medium)}.modern-login-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.modern-divider{position:relative;margin:1.5rem 0}.modern-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--border-gray)}.modern-divider-text{position:relative;display:flex;justify-content:center;font-size:.875rem;color:var(--text-gray);font-weight:300;letter-spacing:0}.modern-divider-text span{background:var(--white);padding:0 .5rem}.modern-social-login{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.5rem}.modern-social-btn{display:flex;align-items:center;justify-content:center;padding:.75rem 1rem;border:1px solid var(--border-gray);border-radius:.5rem;background:var(--white);color:var(--dark-text);font-weight:500;letter-spacing:0;text-decoration:none;transition:var(--transition);cursor:pointer}.modern-social-btn:hover{background:var(--light-gray);text-decoration:none;color:var(--dark-text)}.modern-social-icon{color:var(--primary-red);margin-right:.5rem}.modern-signup-section{text-align:center;margin-top:2rem}.modern-signup-text{color:var(--text-gray);font-weight:300;letter-spacing:0;margin:0}.modern-signup-link{color:var(--primary-red);font-weight:600;letter-spacing:0;text-decoration:none;transition:var(--transition)}.modern-signup-link:hover{color:var(--dark-red);text-decoration:none}.modern-nav-preview{margin-top:2rem;text-align:center}.modern-nav-text{font-size:.875rem;color:var(--text-gray);font-weight:300;letter-spacing:0;margin-bottom:1rem}.modern-nav-links{display:flex;justify-content:center;gap:1.5rem;font-size:.75rem}.modern-nav-links a{color:var(--primary-red)!important}.modern-nav-link{color:var(--primary-red);font-weight:600;letter-spacing:0;text-decoration:none;transition:var(--transition);cursor:pointer}.modern-nav-link:hover{color:var(--dark-red);text-decoration:none}.modern-error-message{color:var(--danger);font-size:.75rem;margin-top:.25rem;display:block}.modern-loading-spinner{display:inline-block;width:1rem;height:1rem;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:var(--white);animation:spin 1s ease-in-out infinite;margin-right:.5rem}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:992px){.modern-brand-section{display:flex}.modern-mobile-logo{display:none}}@media(max-width:991.98px){.modern-login-form-section{padding:2rem 1rem}.modern-login-card{padding:1.5rem}.modern-social-login{grid-template-columns:1fr}}@media(max-width:575.98px){.modern-login-form-section,.modern-login-card{padding:1rem}.modern-features-grid{flex-direction:column;gap:1rem}}.modern-otp-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1050;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modern-otp-modal-box{background:var(--white);border-radius:1rem;padding:2rem;max-width:28rem;width:90%;box-shadow:var(--shadow-medium);animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modern-otp-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.modern-otp-modal-title{font-size:1.25rem;font-weight:600;color:var(--dark-text);margin:0}.modern-otp-close-btn{background:none;border:none;font-size:1.5rem;color:var(--text-gray);cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:var(--transition)}.modern-otp-close-btn:hover{background:var(--light-gray);color:var(--dark-text)}.modern-otp-instruction{color:var(--text-gray);font-size:.875rem;font-weight:300;letter-spacing:0;margin-bottom:1.5rem;text-align:center}.modern-otp-input-container{display:flex;gap:.75rem;justify-content:center;margin-bottom:1.5rem}.modern-otp-box{width:3rem;height:3rem;border:2px solid var(--border-gray);border-radius:.5rem;text-align:center;font-size:1.125rem;font-weight:600;color:var(--dark-text);transition:var(--transition);background:var(--white)}.modern-otp-box:focus{outline:none;border-color:var(--primary-red);box-shadow:0 0 0 3px #ff00001a}.modern-otp-box:invalid{border-color:var(--danger)}.modern-otp-verify-btn{width:100%;background:var(--primary-red);color:var(--white);font-weight:600;padding:.75rem 1rem;border:none;border-radius:.5rem;letter-spacing:0;box-shadow:var(--shadow-light);transition:var(--transition);cursor:pointer;font-size:.875rem;margin-bottom:1rem}.modern-otp-verify-btn:hover{background:var(--dark-red);transform:translateY(-1px);box-shadow:var(--shadow-medium)}.modern-otp-verify-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.modern-otp-resend-section{text-align:center;margin-top:1rem}.modern-otp-resend-text{color:var(--text-gray);font-size:.875rem;font-weight:300;letter-spacing:0;margin:0}.modern-otp-resend-link{color:var(--primary-red);font-weight:500;letter-spacing:0;text-decoration:none;transition:var(--transition);cursor:pointer}.modern-otp-resend-link:hover{color:var(--dark-red);text-decoration:none}.modern-otp-resend-link:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.modern-text-center{text-align:center}.modern-text-left{text-align:left}.modern-text-right{text-align:right}.modern-mb-0{margin-bottom:0}.modern-mb-1{margin-bottom:.25rem}.modern-mb-2{margin-bottom:.5rem}.modern-mb-3{margin-bottom:1rem}.modern-mb-4{margin-bottom:1.5rem}.modern-mt-0{margin-top:0}.modern-mt-1{margin-top:.25rem}.modern-mt-2{margin-top:.5rem}.modern-mt-3{margin-top:1rem}.modern-mt-4{margin-top:1.5rem}@media(max-width:575.98px){.modern-otp-input-container{gap:.5rem}.modern-otp-box{width:2.5rem;height:2.5rem;font-size:1rem}.modern-otp-modal-box{padding:2rem 1rem}}