@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&display=swap");:root{--bg-main:#ffffff;--bg-side:#f8fafc;--header-bg:rgba(255,255,255,0.95);--text-main:#0f172a;--text-sub:#64748b;--primary:#000000;--accent:#2563eb;--border:#e2e8f0;--input-bg:#ffffff;--header-h:75px}[data-theme=dark]{--bg-main:#0f172a;--bg-side:#1e293b;--header-bg:rgba(15,23,42,0.95);--text-main:#f8fafc;--text-sub:#94a3b8;--primary:#ffffff;--accent:#3b82f6;--border:#334155;--input-bg:#1e293b}.login-page{margin:0;padding:0;box-sizing:border-box;font-family:Cairo,sans-serif;background-color:var(--bg-main);color:var(--text-main);height:100vh;overflow:hidden;transition:background .3s ease,color .3s ease;direction:rtl}.login-header{height:var(--header-h);width:100%;position:fixed;top:0;right:0;justify-content:space-between;padding:0 40px;background:var(--header-bg);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);z-index:1000}.login-header,.logo{display:flex;align-items:center}.logo{font-size:24px;font-weight:800;color:var(--primary);gap:10px;letter-spacing:-.5px}.logo img{height:45px;width:auto;object-fit:contain}.header-actions{gap:15px}.header-actions,.icon-btn{display:flex;align-items:center}.icon-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--border);justify-content:center;cursor:pointer;background:var(--input-bg);color:var(--text-main);transition:.2s}.icon-btn:hover{background:var(--border)}.icon-btn svg{width:20px;height:20px}.nav-links{display:flex;gap:30px;margin-right:30px}.nav-links a{text-decoration:none;color:var(--text-sub);font-size:14px;font-weight:600;transition:.2s}.nav-links a:hover{color:var(--accent)}.main-wrapper{display:flex;height:calc(100vh - var(--header-h));margin-top:var(--header-h);overflow:hidden}.right-side{flex:1;align-items:flex-start;background:var(--bg-main);overflow-y:auto;padding:40px 20px}.form-container-center,.right-side{display:flex;justify-content:center}.form-container-center{width:100%;min-height:100%;align-items:center;flex-direction:column}.left-side{flex:1.1;background-color:var(--bg-side);display:flex;flex-direction:column;justify-content:center;align-items:center;border-left:1px solid var(--border);position:relative}.auth-card{width:100%;max-width:440px;padding:20px}.mobile-header-img{display:none;text-align:center;margin-bottom:25px;width:100%}.mobile-header-img img{width:85%;max-width:380px;height:auto;object-fit:contain;border-radius:20px}.welcome-text{margin-bottom:30px}.welcome-text h1{font-size:28px;font-weight:800;color:var(--text-main);margin-bottom:8px;line-height:1.2}.welcome-text p{color:var(--text-sub);font-size:14px;line-height:1.6}.social-container{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:25px}.social-item{height:50px;border:1.5px solid var(--border);border-radius:12px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:.2s;background:var(--input-bg)}.social-item:hover{border-color:var(--accent);transform:translateY(-2px)}.social-item svg{width:22px;height:22px}.line-divider{display:flex;align-items:center;margin:25px 0;color:var(--text-sub);font-size:13px;font-weight:600}.line-divider:after,.line-divider:before{content:"";flex:1;height:1px;background:var(--border);margin:0 20px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:700;margin-bottom:8px;color:var(--text-main)}.form-group input{width:100%;padding:14px 16px;border:1.5px solid var(--border);border-radius:12px;font-size:15px;outline:none;background:var(--input-bg);color:var(--text-main);transition:.3s}.form-group input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(37,99,235,.1)}.main-btn{width:100%;padding:16px;background:var(--primary);color:var(--bg-main);border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:.3s;margin-top:10px}.main-btn:hover{opacity:.9;transform:translateY(-1px)}.toggle-view{text-align:center;margin-top:25px;font-size:14px;color:var(--text-sub)}.toggle-view span{color:var(--accent);font-weight:700;cursor:pointer;text-decoration:underline}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:2000;display:none;opacity:0;transition:opacity .3s;backdrop-filter:blur(5px)}.lang-modal{position:fixed;bottom:-100%;left:50%;transform:translateX(-50%);width:100%;max-width:500px;background:var(--bg-main);border-top-left-radius:25px;border-top-right-radius:25px;padding:30px;z-index:2001;transition:bottom .4s cubic-bezier(.16,1,.3,1);box-shadow:0 -5px 30px rgba(0,0,0,.1)}.lang-item{display:flex;align-items:center;justify-content:space-between;padding:15px;border-radius:15px;margin-bottom:10px;border:1px solid var(--border);cursor:pointer;transition:.2s}.lang-item:hover{background:var(--bg-side);border-color:var(--accent)}.lang-item.active{border:2px solid var(--accent);background:rgba(37,99,235,.05)}@media (max-width:1000px){.login-page{overflow:auto!important;height:auto!important}.login-header{padding:0 20px}.nav-links{display:none}.main-wrapper{flex-direction:column;height:auto!important;margin-top:var(--header-h);overflow:visible!important}.left-side{display:none}.right-side{height:auto!important;overflow:visible!important;align-items:center;padding-top:30px;padding-bottom:50px}.auth-card{padding:0}.mobile-header-img{display:block}.welcome-text{text-align:center}.form-container-center{align-items:center;padding-top:0}}.mobile-signup-sticky{display:none}@media (max-width:1000px){.mobile-signup-sticky{display:block;position:fixed;bottom:0;left:0;width:100%;padding:15px 20px;background:var(--bg-main);border-top:1px solid var(--border);z-index:900;box-shadow:0 -5px 20px rgba(0,0,0,.05)}.right-side{padding-bottom:90px!important}}.promo-strip{position:absolute;bottom:0;right:0;left:0;height:70px;background:var(--bg-main);padding:0 40px;border-top:1px solid var(--border);z-index:5;box-shadow:0 -4px 15px rgba(0,0,0,.02)}.promo-content,.promo-strip{display:flex;align-items:center}.promo-content{gap:20px;width:100%}.promo-title{font-size:16px;font-weight:800;color:var(--text-main);white-space:nowrap}.promo-desc{font-size:13px;color:var(--text-sub);border-right:2px solid var(--border);padding-right:20px;line-height:1.4}@media (max-width:1000px){.promo-strip{display:none}}