.login-page-container{background:linear-gradient(135deg,#f0fdf4 0%,#ecfdf5 50%,#d1fae5 100%);min-height:100vh;position:relative;overflow-x:hidden}.login-background-decoration{z-index:0;pointer-events:none;background:radial-gradient(circle,#10b9811a 0%,#0000 50%);width:200%;height:200%;animation:20s linear infinite rotate;position:fixed;top:-50%;right:-50%}.language-toggle{z-index:1000;background:var(--bg-white);box-shadow:var(--shadow-lg);border:1px solid var(--border);cursor:pointer;color:var(--primary);border-radius:50px;align-items:center;gap:.5rem;padding:12px 20px;font-size:14px;font-weight:600;display:flex;position:fixed;top:20px;right:20px}[dir=rtl] .language-toggle{left:20px;right:auto}.login-content-container{z-index:1;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex;position:relative}.login-wrapper{grid-template-columns:1fr 1fr;align-items:center;gap:60px;width:100%;max-width:1000px;display:grid}@media (max-width:900px){.login-wrapper{grid-template-columns:1fr;gap:32px}.login-card{padding:28px 22px}.welcome-title{font-size:2rem}}.welcome-section{animation:.8s ease-out slideInLeft}.welcome-hero{text-align:center;margin-bottom:40px}.logo-container{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;width:120px;height:120px;box-shadow:var(--shadow-xl);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 30px;font-size:3rem;animation:2s ease-in-out infinite bounce-custom;display:flex}.welcome-title{background:linear-gradient(135deg,var(--primary),var(--primary-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:15px;font-size:2.5rem;font-weight:800}.welcome-subtitle{color:var(--text-medium);margin-bottom:40px;font-size:1.2rem}.features-grid{gap:20px;margin-bottom:40px;display:grid}@media (min-width:640px){.features-grid{grid-template-columns:1fr 1fr}}.feature-item{background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow);border:1px solid var(--border);align-items:center;gap:15px;padding:20px;display:flex}.feature-icon{background:linear-gradient(135deg,var(--primary-light),var(--primary));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.2rem;display:flex}.feature-content h3{color:var(--text-dark);margin-bottom:5px;font-weight:700}.feature-content p{color:var(--text-medium);font-size:14px}.login-section{animation:.8s ease-out slideInRight}.login-card{background:var(--bg-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);border:1px solid var(--border);padding:50px 40px;position:relative;overflow:hidden}.login-card-top-border{background:linear-gradient(90deg,var(--primary),var(--primary-light),var(--secondary-color));height:6px;position:absolute;top:0;left:0;right:0}.login-title{color:var(--text-dark);text-align:center;justify-content:center;align-items:center;gap:15px;margin-bottom:30px;font-size:2rem;font-weight:700;display:flex}.alert-error{border-radius:var(--radius);color:#dc2626;background:#fef2f2;border:1px solid #fecaca;align-items:center;gap:10px;margin-bottom:20px;padding:15px 20px;font-weight:500;display:flex}.form-group{margin-bottom:25px}.form-label{color:var(--text-dark);margin-bottom:8px;font-size:16px;font-weight:600;display:block}.form-input{border:2px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-light);width:100%;color:var(--text-dark);padding:18px 20px;font-size:16px;transition:all .3s}.form-input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--bg-light)inset;-webkit-text-fill-color:var(--text-dark);caret-color:var(--text-dark)}.form-input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 1000px var(--bg-light)inset;-webkit-text-fill-color:var(--text-dark);caret-color:var(--text-dark)}.form-input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px var(--bg-light)inset;-webkit-text-fill-color:var(--text-dark);caret-color:var(--text-dark)}.form-input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px var(--bg-light)inset;-webkit-text-fill-color:var(--text-dark);caret-color:var(--text-dark)}.password-container{position:relative}.password-toggle{color:var(--text-medium);cursor:pointer;background:0 0;border:none;font-size:18px;position:absolute;top:50%;right:20px;transform:translateY(-50%)}[dir=rtl] .password-toggle{left:20px;right:auto}.forgot-password-link{text-align:right;color:var(--primary);margin-top:10px;font-size:14px;font-weight:500;text-decoration:none;display:block}[dir=rtl] .forgot-password-link{text-align:left}.login-submit-btn{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;border-radius:var(--radius-lg);cursor:pointer;width:100%;box-shadow:var(--shadow-lg);border:none;justify-content:center;align-items:center;gap:10px;margin-top:20px;padding:18px;font-size:16px;font-weight:700;display:flex}.divider{align-items:center;gap:20px;margin:30px 0;display:flex}.divider-line{background:var(--border);flex:1;height:1px}.divider-text{color:var(--text-light);font-size:14px;font-weight:500}.create-order-link{text-align:center;color:var(--primary);border:2px solid var(--primary);border-radius:var(--radius-lg);background:0 0;padding:15px;font-weight:600;text-decoration:none;display:block}.how-it-works{background:var(--bg-white);border-radius:var(--radius-xl);box-shadow:var(--shadow);width:100%;max-width:1000px;margin-top:40px;padding:30px}.how-it-works-title{text-align:center;color:var(--text-dark);justify-content:center;align-items:center;gap:10px;margin-bottom:25px;font-size:1.5rem;font-weight:700;display:flex}.steps-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;display:grid}.step-item{background:var(--bg-light);border-radius:var(--radius);align-items:center;gap:15px;padding:20px;display:flex}.step-number{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex}.step-content h4{color:var(--text-dark);margin-bottom:5px;font-weight:600}.step-content p{color:var(--text-medium);font-size:14px}.support-section{text-align:center;background:linear-gradient(135deg,var(--bg-light),var(--bg-white));border-radius:var(--radius-lg);border:2px dashed var(--primary-light);width:100%;max-width:1000px;margin-top:30px;padding:25px}.contact-links{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.contact-link{background:var(--bg-white);color:var(--primary);border:1px solid var(--border);border-radius:50px;align-items:center;gap:8px;padding:10px 20px;font-weight:600;text-decoration:none;display:flex}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce-custom{0%,20%,53%,80%,to{transform:translateY(0)scale(1)}40%,43%{transform:translateY(-10px)scale(1.05)}70%{transform:translateY(-5px)scale(1.02)}90%{transform:translateY(-2px)scale(1.01)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@media (max-width:900px){.login-wrapper{grid-template-columns:1fr;gap:40px}.welcome-section{text-align:center}.welcome-title{font-size:2rem}.login-card{padding:30px 20px}}@media (max-width:600px){.features-grid{grid-template-columns:1fr}.contact-links{flex-direction:column;align-items:center}.contact-link{justify-content:center;width:100%}}