:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--primary: #6F1D1B;--accent: #FAF4EF;--text-dark: #333;--text-light: #666}*{margin:0;padding:0;box-sizing:border-box}body,html,#root{width:100%;font-family:Tajawal,sans-serif;background-color:var(--accent);direction:rtl;align-items:center;justify-content:center}.page-container{min-height:100vh;background-color:var(--accent);display:flex;align-items:center;justify-content:center;padding:15px}.content-box{background:#fff;padding:60px 20px;border-radius:12px;box-shadow:0 10px 40px #0000000d;width:40%;color:var(--text-dark);text-align:center;animation:fadeIn 1s ease;display:flex;flex-direction:column;justify-content:center}@media (min-width: 992px){.content-box{max-width:800px;padding:80px 100px}}.logo{width:80px;height:auto;margin:0 auto 20px;display:block;animation:scaleIn 1s ease}h1{font-size:clamp(26px,7vw,42px);color:var(--primary);margin-bottom:12px;animation:slideDown 1s ease}p{font-size:clamp(16px,4vw,18px);color:var(--text-light);margin-bottom:20px;line-height:1.8}a.btn{display:inline-block;margin-top:10px;padding:12px 24px;background:var(--primary);color:#fff;text-decoration:none;border-radius:8px;font-weight:700;transition:background .3s ease}a.btn:hover{background:#581614;color:#ccc}footer{margin-top:30px;font-size:12px;color:#999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slideDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}input[type=email],input[type=password],input[type=text]{width:100%;padding:14px;margin-bottom:16px;border:1px solid #ddd;border-radius:8px;font-size:16px;direction:rtl;text-align:right;font-family:Tajawal,sans-serif;background-color:var(--accent);color:var(--text-dark);transition:border .3s ease,background .3s ease}input:focus{outline:none;border-color:var(--primary);background-color:#fff;box-shadow:0 0 0 2px #6f1d1b26}form .btn,button.btn{width:100%;margin-top:10px;padding:14px;background-color:var(--primary);color:#fff;border:none;border-radius:8px;font-weight:700;font-size:16px;cursor:pointer;transition:background .3s ease}form .btn:hover,button.btn:hover{background-color:#581614;color:#ccc}.password-requirements{list-style:none;padding:0;margin:10px 0 20px;text-align:right;font-size:14px}.password-requirements li{color:red;margin-bottom:4px}.password-requirements .checked{color:green;font-weight:700}.password-match{font-size:14px;margin-top:-12px;margin-bottom:10px;text-align:right}.password-match.match{color:green;font-weight:700}.password-match.mismatch{color:red;font-weight:700}.password-input-container{position:relative;width:100%}.password-toggle{position:absolute;top:45%;left:10px;transform:translateY(-50%);cursor:pointer;color:var(--primary)}.password-toggle:hover{color:#333}.password-input-container input{padding-left:35px;width:100%}.password-requirements-wrapper{min-height:80px;position:relative}.password-requirements{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;list-style:none;padding:0;margin:15px 0;font-size:14px;direction:rtl}.password-requirements li{background-color:#f3f3f3;padding:5px 10px;border-radius:20px;color:#333;border:1px solid #ccc;text-align:center;white-space:nowrap;transition:all .3s ease}.password-requirements li.checked{background-color:#d4edda;color:#155724;border-color:#c3e6cb}@media (max-height: 650px){.content-box{padding:20px 15px}.logo{width:60px}h1{font-size:20px}.password-requirements{font-size:12px;grid-template-columns:repeat(2,1fr)}}@media (max-width: 700px){.content-box{border-radius:3;width:90%;padding:30px 16px}.logo{width:60px;margin-bottom:15px}h1{font-size:30px;margin-bottom:10px}.password-requirements{font-size:12px;grid-template-columns:repeat(2,1fr)}input[type=email],input[type=password],input[type=text],form .btn,button.btn{font-size:14px;padding:12px}}.download-btn{background-color:#6f1d1b;color:#fff;padding:12px 20px;border-radius:8px;font-size:1rem;display:inline-flex;align-items:center;text-decoration:none;margin-top:20px;transition:background-color .3s}.download-btn:hover{background-color:#8b2b29}.back-link{display:block;margin-top:20px;color:#6f1d1b;text-decoration:underline;font-weight:500}