:root{--primary:#ff914d;--primary-hover:#e07b39;--primary-light:#ffb07d;--primary-dark:#cc6a1e;--white:#ffffff;--bg-card:#ffffff;--bg-card-hover:#f8f8f8;--shadow:0 8px 24px rgba(0,0,0,0.1);--shadow-hover:0 15px 40px rgba(255,145,77,0.2);--shadow-card:0 10px 30px rgba(0,0,0,0.08);--shadow-glow:0 0 40px rgba(255,145,77,0.1);--transition:all 0.4s cubic-bezier(0.4,0,0.2,1);--body-bg:#f5f5f5;--text-color:#1a1a1a;--text-color2:white;--text-secondary:#4a4a4a;--input-bg:#f8f8f8;--input-border:rgba(255,145,77,0.2);--button-bg:#ff914d;--button-hover:#e07b39;--border-color:rgba(255,145,77,0.2);--glow-primary:rgba(255,145,77,0.15);--gradient-primary:linear-gradient(135deg,#ff914d 0%,#ffb07d 100%);--radius:24px;--radius-sm:16px}body.dark{--white:#1a1a1a;--bg-card:#1a1a1a;--bg-card-hover:#252525;--shadow:0 8px 24px rgba(0,0,0,0.3);--shadow-hover:0 15px 40px rgba(255,145,77,0.3);--shadow-card:0 10px 30px rgba(0,0,0,0.4);--shadow-glow:0 0 40px rgba(255,145,77,0.2);--body-bg:#0a0a0a;--text-color:#ffffff;--text-color2:black;--text-secondary:#b0b0b0;--input-bg:#252525;--input-border:rgba(255,145,77,0.1);--button-bg:#ffb07d;--button-hover:#e08b00;--border-color:rgba(255,145,77,0.1);--glow-primary:rgba(255,145,77,0.3);--gradient-primary:linear-gradient(135deg,#ff914d 0%,#ffb07d 100%)}body{font-family:'Cairo',sans-serif;background-color:var(--body-bg);line-height:1.6;margin:0;padding:0;direction:rtl}.main{min-height:calc(100vh - 100px);display:flex;align-items:center;justify-content:center}.container{width:100%;max-width:1200px;padding:0 20px}.wrapper{max-width:430px;margin:40px auto;padding:3rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow-card);transition:var(--transition);position:relative;overflow:hidden}.wrapper::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:var(--gradient-primary)}.wrapper:hover{box-shadow:var(--shadow-hover);border-color:rgba(255,145,77,0.3);background:var(--bg-card-hover)}.heading{text-align:center;margin-bottom:20px}.home-logo{max-width:90px;border-radius:50%;margin-bottom:15px}.text-large{font-size:2rem;font-weight:600;color:var(--text-color);margin:0}.text-normal{font-size:1rem;color:var(--text-color);margin:10px 0 0}.text-links{color:var(--button-bg);text-decoration:none;font-weight:500}.text-links:hover{text-decoration:underline}.text-links:focus{outline:2px solid var(--button-bg);outline-offset:2px}.form{margin-top:20px;position:relative;width:100%}.input-control{margin-bottom:20px;position:relative}.input-label{display:block;font-size:0.9rem;color:var(--text-color);margin-bottom:8px}.input-wrapper{position:relative;width:100%}.input-field{width:100%;padding:1rem 1.25rem;border:2px solid var(--input-border);border-radius:var(--radius-sm);background:var(--input-bg);font-size:1rem;color:var(--text-color);box-sizing:border-box;transition:var(--transition);font-family:'Cairo',sans-serif;outline:none}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(255,145,77,0.1);background:var(--bg-card)}.input-field:disabled{background:var(--input-bg);opacity:0.6;cursor:not-allowed;border-color:var(--input-border)}.password-toggle{position:absolute;left:12px;top:50%;transform:translateY(-50%);cursor:pointer;color:var(--text-color)}.password-toggle i{font-size:1rem}.input-verify,.input-submit{width:100%;padding:1rem 2rem;border:none;border-radius:50px;background:var(--gradient-primary);color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;transition:var(--transition);box-shadow:0 6px 30px rgba(255,145,77,0.4);position:relative;overflow:hidden;font-family:'Cairo',sans-serif}.input-verify::before,.input-submit::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,0.2);transform:translate(-50%,-50%);transition:width 0.6s,height 0.6s}.input-verify:hover::before,.input-submit:hover::before{width:300px;height:300px}.input-verify:hover,.input-submit:hover{transform:translateY(-3px);box-shadow:0 10px 40px rgba(255,145,77,0.5)}.input-verify:focus,.input-submit:focus{outline:none;box-shadow:0 0 0 3px rgba(255,145,77,0.3)}.input-verify:disabled,.input-submit:disabled{background:var(--button-bg);opacity:0.6;cursor:not-allowed;transform:none;box-shadow:none}.striped{display:flex;align-items:center;justify-content:center;margin:20px 0}.striped-line{flex:1;height:1px;background:var(--text-color);opacity:0.3}.striped-text{margin:0 15px;font-size:1rem;color:var(--text-color)}.login-card-social,.register-card-social{text-align:center;margin:20px 0}.login-card-social-btns,.register-card-social-btns{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:20px}.social-btn-circle{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,0.1);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);text-decoration:none;border:none;cursor:pointer;position:relative;overflow:hidden}.social-btn-circle:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 4px 16px rgba(0,0,0,0.2)}.social-btn-circle:active{transform:translateY(-1px) scale(1.02)}.social-btn-circle svg{width:24px;height:24px;transition:transform 0.3s}.social-btn-circle:hover svg{transform:scale(1.1)}.google-btn-circle{background:#ffffff;border:1px solid #dadce0}.google-btn-circle:hover{background:#f8f9fa;border-color:#4285f4;box-shadow:0 4px 16px rgba(66,133,244,0.3)}body.dark .google-btn-circle{background:#2d2d2d;border-color:#3d3d3d}body.dark .google-btn-circle:hover{background:#3d3d3d;border-color:#4285f4;box-shadow:0 4px 16px rgba(66,133,244,0.3)}.social-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.1);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);text-decoration:none;font-weight:600;font-size:0.9rem;border:none;cursor:pointer;min-width:160px;position:relative;overflow:hidden}.social-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:left 0.5s}.social-btn:hover::before{left:100%}.social-btn:hover{transform:translateY(-3px);box-shadow:0 4px 16px rgba(0,0,0,0.15)}.social-btn:active{transform:translateY(-1px)}.social-btn svg{width:20px;height:20px;flex-shrink:0;transition:transform 0.3s}.social-btn:hover svg{transform:scale(1.1)}.social-btn span{white-space:nowrap;font-weight:600}.google-btn{background:linear-gradient(135deg,#ffffff 0%,#f8f9fa 100%);color:#5f6368;border:1px solid #dadce0}.google-btn:hover{background:linear-gradient(135deg,#f8f9fa 0%,#ffffff 100%);border-color:#4285f4;color:#4285f4;box-shadow:0 4px 16px rgba(66,133,244,0.2)}.social-title{font-size:1rem;color:var(--text-secondary);margin-bottom:10px;font-weight:500}.social-note{font-size:0.85rem;color:var(--text-secondary);margin-top:15px;font-style:italic}body.dark .google-btn{background:#2d2d2d;color:#4285f4;border-color:#3d3d3d}body.dark .google-btn:hover{background:#3d3d3d;border-color:#4285f4}.alert{position:relative;padding:15px;margin:10px 0;border-radius:10px;text-align:right;font-size:0.9rem}.alert-success{background:#d4edda;border-right:5px solid #178344;color:#155724}.alert-danger{background:#f8d7da;border-right:5px solid #8f130c;color:#721c24}.alert-info{background-color:#d1ecf1;color:#0c5460;border-right:5px solid #012930}.closeBtn{position:absolute;left:10px;top:10px;font-size:20px;cursor:pointer;transition:var(--transition)}.closeBtn:hover{background:rgba(0,0,0,0.1);border-radius:50%;padding:5px}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);backdrop-filter:blur(5px);z-index:10000;border-radius:15px;visibility:hidden;opacity:0;transition:var(--transition)}.popup-overlay.open{visibility:visible;opacity:1}.popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);max-width:400px;width:90%;background:var(--white);border-radius:15px;padding:20px;box-shadow:var(--shadow);z-index:10001;text-align:center;opacity:0;visibility:hidden;transition:var(--transition)}.popup.open{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}.popup.hidden{transform:translate(-50%,-50%) scale(0.7);opacity:0;visibility:hidden}.popup-content h2{color:var(--button-bg);margin:0 0 10px}.popup-content p{color:var(--text-color);margin:0}.popup-close{position:absolute;top:10px;right:15px;font-size:24px;cursor:pointer;color:var(--text-color)}.popup-close:hover{color:var(--button-hover)}.cookie-consent{background:var(--white);padding:15px;border-radius:10px;box-shadow:var(--shadow);margin-bottom:20px;text-align:right;z-index:1002;position:relative}.cookie-consent p{margin:0 0 10px;font-size:0.9rem;color:var(--text-color)}.cookie-consent a{color:var(--button-bg);text-decoration:none}.cookie-consent a:hover{text-decoration:underline}.cookie-consent button{background:var(--button-bg);color:#fff;border:none;padding:8px 15px;border-radius:5px;cursor:pointer;font-size:0.9rem}.cookie-consent button:hover{background:var(--button-hover)}.cookie-consent-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.3);z-index:1001;border-radius:10px;display:none}.loading::after{content:'';display:inline-block;width:16px;height:16px;border:2px solid #fff;border-radius:50%;border-top-color:transparent;animation:spin 1s linear infinite;margin-right:8px}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:768px){.wrapper{margin:0;padding:20px}.text-large{font-size:1.5rem}.text-normal{font-size:0.9rem}.input-field{padding:10px 16px 10px 14px;font-size:0.9rem}.input-verify,.input-submit{padding:10px;font-size:1rem}.cookie-consent{padding:10px}.cookie-consent p{font-size:0.8rem}.cookie-consent button{padding:6px 12px;font-size:0.8rem}}@media (max-width:400px){.wrapper{padding:15px}.home-logo{max-width:100px}}