@import"https://fonts.googleapis.com/css2?family=Tajawal:wght@400;700;900&display=swap";: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}}body{font-family:Tajawal,sans-serif;background:#0a0a0f;color:#000;overflow-x:hidden}.bg-orbs{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.25;animation:float 8s ease-in-out infinite}.orb-1{width:500px;height:500px;background:#4f46e5;top:-100px;right:-100px}.orb-2{width:400px;height:400px;background:#7c3aed;bottom:100px;left:-100px;animation-delay:-3s}.orb-3{width:300px;height:300px;background:#06b6d4;top:50%;left:50%;animation-delay:-5s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-30px)}}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:20px 60px;background:#0a0a0fb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.05);transition:all .3s}.navbar.scrolled{padding:14px 60px;background:#0a0a0ff2}.nav-logo{font-size:1.4rem;font-weight:900;background:linear-gradient(135deg,#818cf8,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-buttons{display:flex;gap:12px}.btn-login{padding:10px 24px;border-radius:12px;font-family:Tajawal,sans-serif;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .3s;border:1.5px solid rgba(129,140,248,.4);background:transparent;color:#818cf8}.btn-login:hover{background:#818cf81a;border-color:#818cf8}.btn-signup{padding:10px 24px;border-radius:12px;font-family:Tajawal,sans-serif;font-size:.95rem;font-weight:700;cursor:pointer;border:none;background:linear-gradient(135deg,#4f46e5,#06b6d4);color:#fff;box-shadow:0 4px 20px #4f46e566;transition:all .3s}.btn-signup:hover{transform:translateY(-2px);box-shadow:0 8px 30px #4f46e599}.hero{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:120px 20px 60px}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;border-radius:100px;background:#4f46e526;border:1px solid rgba(79,70,229,.3);font-size:.9rem;color:#818cf8;margin-bottom:30px;animation:fadeDown .8s ease forwards}.hero-title{font-size:clamp(2.5rem,7vw,5rem);font-weight:900;line-height:1.2;margin-bottom:24px;animation:fadeUp .8s ease .2s both}.hero-title span{background:linear-gradient(135deg,#818cf8,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-desc{font-size:1.2rem;color:#ffffff80;max-width:500px;line-height:1.8;margin-bottom:40px;animation:fadeUp .8s ease .4s both}.hero-cta{display:flex;gap:16px;justify-content:center;animation:fadeUp .8s ease .6s both}.btn-main{padding:16px 36px;border-radius:16px;font-family:Tajawal,sans-serif;font-size:1.1rem;font-weight:700;cursor:pointer;border:none;background:linear-gradient(135deg,#4f46e5,#06b6d4);color:#fff;box-shadow:0 8px 30px #4f46e566;transition:all .3s}.btn-main:hover{transform:translateY(-3px);box-shadow:0 12px 40px #4f46e599}.btn-outline{padding:16px 36px;border-radius:16px;font-family:Tajawal,sans-serif;font-size:1.1rem;font-weight:700;cursor:pointer;background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.15);transition:all .3s}.btn-outline:hover{background:#ffffff0d;border-color:#ffffff4d}.stats{position:relative;z-index:1;display:flex;justify-content:center;gap:60px;padding:60px 20px;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}.stat{text-align:center}.stat-num{font-size:2.5rem;font-weight:900;background:linear-gradient(135deg,#818cf8,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.stat-label{font-size:.95rem;color:#fff6;margin-top:4px}.features{position:relative;z-index:1;padding:100px 60px;max-width:1200px;margin:0 auto}.section-title{text-align:center;font-size:2.5rem;font-weight:900;margin-bottom:60px}.section-title span{background:linear-gradient(135deg,#818cf8,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.feature-card{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:24px;padding:36px;transition:all .4s;cursor:pointer}.feature-card:hover{background:#4f46e514;border-color:#4f46e54d;transform:translateY(-8px);box-shadow:0 20px 40px #4f46e526}.feature-icon{font-size:2.5rem;margin-bottom:20px}.feature-title{font-size:1.3rem;font-weight:700;margin-bottom:12px}.feature-desc{color:#fff6;line-height:1.7;font-size:.95rem}.about{position:relative;z-index:1;padding:100px 60px;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.about-img-container{position:relative}.about-img{width:100%;border-radius:30px;background:linear-gradient(135deg,#4f46e533,#06b6d433);border:1px solid rgba(255,255,255,.08);aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;font-size:6rem}.about-floating{position:absolute;bottom:-20px;right:-20px;background:#0a0a0fe6;border:1px solid rgba(79,70,229,.3);border-radius:16px;padding:16px 24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.about-floating strong{display:block;font-size:1.5rem;color:#818cf8}.about-floating span{font-size:.85rem;color:#fff6}.about-text h2{font-size:2.2rem;font-weight:900;margin-bottom:20px;line-height:1.3}.about-text p{color:#ffffff80;line-height:1.9;margin-bottom:16px}.gradient-text{background:linear-gradient(135deg,#818cf8,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.cta-section{position:relative;z-index:1;margin:60px;border-radius:30px;background:linear-gradient(135deg,#4f46e526,#06b6d41a);border:1px solid rgba(79,70,229,.2);padding:80px 40px;text-align:center}.cta-section h2{font-size:2.5rem;font-weight:900;margin-bottom:16px}.cta-section p{color:#ffffff80;margin-bottom:36px;font-size:1.1rem}.footer{position:relative;z-index:1;text-align:center;padding:40px;color:#fff3}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}html,body,#root{width:100%;min-height:100vh;margin:0;padding:0}.auth-page{min-height:100vh;background:#0a0a0f;display:flex;align-items:center;justify-content:center;font-family:Tajawal,sans-serif;position:relative;overflow:hidden}.auth-card{position:relative;z-index:1;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:30px;padding:50px 40px;width:100%;max-width:420px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;animation:fadeUp .6s ease both}.auth-logo{font-size:1.3rem;font-weight:900;background:linear-gradient(135deg,#818cf8,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:24px}.auth-title{font-size:1.8rem;font-weight:900;color:#fff;margin-bottom:8px}.auth-sub{color:#fff6;margin-bottom:32px;font-size:.95rem}.auth-form{display:flex;flex-direction:column;gap:20px;text-align:right}.input-group label{display:block;color:#fff9;font-size:.9rem;margin-bottom:8px;font-weight:700}.input-group input{width:100%;padding:14px 18px;border-radius:14px;border:1.5px solid rgba(255,255,255,.08);background:#ffffff0d;color:#fff;font-family:Tajawal,sans-serif;font-size:1rem;transition:all .3s;outline:none;box-sizing:border-box}.input-group input:focus{border-color:#818cf8;background:#818cf814;box-shadow:0 0 0 4px #818cf81a}.input-group input::placeholder{color:#fff3}.auth-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:12px 16px;border-radius:12px;font-size:.9rem}.btn-main{padding:16px;border-radius:16px;font-family:Tajawal,sans-serif;font-size:1.1rem;font-weight:700;cursor:pointer;border:none;background:linear-gradient(135deg,#4f46e5,#06b6d4);color:#fff;box-shadow:0 8px 30px #4f46e566;transition:all .3s;width:100%}.btn-main:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 40px #4f46e599}.auth-switch{margin-top:24px;color:#fff6;font-size:.95rem}.auth-switch span{color:#818cf8;cursor:pointer;font-weight:700}.auth-switch span:hover{text-decoration:underline}.home-container{min-height:100vh;background-color:#f8f9fa}.btn-logout{background:#ff4757;color:#fff;border:none;padding:5px 15px;border-radius:8px;cursor:pointer;margin-right:15px}.points{font-size:2.5rem;font-weight:900;color:#f59e0b}.admin-section{background:#fff;padding:2rem;border-radius:20px;box-shadow:0 10px 25px #0000000d;margin-top:2rem}.admin-header{border-bottom:2px solid #f1f1f1;padding-bottom:1rem;margin-bottom:1.5rem}.users-table-container{overflow-x:auto}.users-table{width:100%;border-collapse:collapse;text-align:right}.users-table th,.users-table td{padding:12px 15px;border-bottom:1px solid #eee}.users-table th{background-color:#f8f9fa;color:#6366f1}.users-table tr:hover{background-color:#fdfdfd}:root{--primary: #6366f1;--secondary: #a855f7;--dark-bg: #0b0e14;--card-bg: #161b22;--text-color: #e6edf3;--sidebar-width: 260px}body{margin:0;padding:0;background-color:var(--dark-bg);color:var(--text-color);font-family:Segoe UI,Roboto,sans-serif;direction:rtl}.home-layout{display:flex;min-height:100vh}.main-nav{width:var(--sidebar-width);background:var(--card-bg);border-left:1px solid #30363d;display:flex;flex-direction:column;padding:1.5rem;position:fixed;height:100vh;right:0;box-shadow:-5px 0 15px #00000080}.nav-brand{font-size:1.4rem;font-weight:800;background:linear-gradient(to left,#6366f1,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:2rem;text-align:center}.nav-links{list-style:none;padding:0;margin:0;flex-grow:1}.nav-links li{margin-bottom:.5rem}.nav-links a{text-decoration:none;color:#8b949e;display:flex;align-items:center;padding:12px 15px;border-radius:10px;transition:all .3s ease;font-weight:500}.nav-links a:hover{background:#6366f11a;color:var(--primary);transform:translate(-5px)}.home-content{margin-right:var(--sidebar-width);padding:40px;width:calc(100% - var(--sidebar-width))}.welcome-box{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid #334155;padding:30px;border-radius:24px;margin-bottom:30px;position:relative;overflow:hidden}.welcome-box h1{margin:0;font-size:1.8rem;color:#fff}.stat-card{margin-top:20px;background:#6366f11a;border:1px solid var(--primary);padding:15px 25px;border-radius:15px;display:inline-block}.points-display{font-size:2rem;font-weight:700;color:#fbbf24;margin:5px 0 0}.admin-dashboard{background:var(--card-bg);border-radius:20px;padding:25px;border:1px solid #30363d}.users-table{width:100%;border-collapse:collapse;margin-top:20px}.users-table th{text-align:right;padding:15px;color:#8b949e;border-bottom:1px solid #30363d}.users-table td{padding:15px;border-bottom:1px solid #21262d}.users-table tr:hover{background:#ffffff05}.btn-logout{background:#f85149;color:#fff;border:none;padding:12px;border-radius:10px;cursor:pointer;font-weight:700;transition:.3s}.btn-logout:hover{background:#da3633;box-shadow:0 0 15px #f851494d}.points-input{width:80px;padding:8px;border-radius:8px;border:1px solid #334155;background:#0f172a;color:#fff;text-align:center}.btn-save{background:#10b981;color:#fff;border:none;padding:8px 15px;border-radius:8px;cursor:pointer;transition:.3s}.btn-save:hover{background:#059669;transform:scale(1.05)}.preview-card{background:var(--card-bg, #fff);border-radius:12px;padding:28px;display:flex;flex-direction:column;gap:20px;box-shadow:0 2px 12px #00000012}.preview-meta{display:flex;gap:20px;flex-wrap:wrap;font-size:15px;color:#555}.preview-description p{color:#444;line-height:1.7}.preview-options{display:flex;flex-direction:column;gap:10px}.option-preview-item{display:flex;align-items:center;gap:12px;padding:10px 16px;border:1px solid #000000;border-radius:8px;background:#000}.option-label{font-weight:700;background:#6c63ff;color:#fff;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}.preview-actions{display:flex;gap:12px;margin-top:8px}.btn-cancel{padding:10px 20px;border-radius:8px;border:1px solid #ccc;background:transparent;cursor:pointer;font-size:15px}.image-upload-box{display:flex;flex-direction:column;gap:10px}.image-upload-label{font-size:15px;font-weight:500}.optional-tag{font-size:12px;color:#999;margin-right:6px}.image-drop-zone{display:flex;flex-direction:column;align-items:center;gap:6px;padding:24px;border:2px dashed #c4b5fd;border-radius:12px;background:#faf5ff;cursor:pointer;transition:background .2s;color:#7c3aed;font-size:14px}.image-drop-zone:hover{background:#f0e6ff}.upload-icon{font-size:28px}.upload-hint{font-size:12px;color:#aaa}.image-preview-wrapper{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.image-preview{width:100%;max-height:220px;object-fit:cover;border-radius:10px;border:1px solid #e0e0e0}.remove-image-btn{background:#fee2e2;color:#b91c1c;border:none;padding:6px 14px;border-radius:8px;cursor:pointer;font-size:13px}.remove-image-btn:hover{background:#fecaca}.options-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.assignments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px;padding:20px}.news-card{background:#1e1e2f;border-radius:12px;padding:15px;color:#fff;box-shadow:0 4px 10px #0000004d;transition:.3s}.news-card:hover{transform:translateY(-5px)}.task-header{display:flex;justify-content:space-between;align-items:center}.points-badge{background:#4caf50;padding:5px 10px;border-radius:8px;font-size:12px}.task-footer{margin-top:10px;display:flex;justify-content:space-between;align-items:center}.btn-action{background:#2196f3;padding:6px 10px;border-radius:6px;color:#fff;text-decoration:none}.btn-action:hover{background:#1976d2}.exam-page-container{max-width:800px;margin:60px auto;padding:40px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:30px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:fadeUp .6s ease both}.exam-title{font-size:2.2rem;font-weight:900;background:linear-gradient(135deg,#818cf8,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:12px;text-align:center}.exam-desc{color:#ffffff80;text-align:center;margin-bottom:40px;font-size:1.1rem}.question-card{background:#0a0a0f66;border:1px solid rgba(129,140,248,.2);border-radius:20px;padding:24px;margin-bottom:24px;transition:all .3s ease;text-align:right}.question-card:hover{border-color:#818cf880;box-shadow:0 8px 25px #4f46e51a}.question-title{font-size:1.3rem;font-weight:700;color:#fff;margin-bottom:20px;line-height:1.5}.question-image{max-width:100%;height:auto;border-radius:12px;border:1px solid rgba(255,255,255,.1);margin-bottom:20px}.options-container{display:flex;flex-direction:column;gap:12px}.option-label{display:flex;align-items:center;gap:15px;padding:16px 20px;background:#ffffff0d;border:1.5px solid rgba(255,255,255,.08);border-radius:14px;cursor:pointer;transition:all .3s;font-weight:500;color:#fffc;font-size:1.05rem}.option-label:hover{background:#818cf81a;border-color:#818cf8;color:#fff;transform:translate(-5px)}.option-label input[type=radio]{accent-color:#06b6d4;width:20px;height:20px;cursor:pointer}.exam-submit-btn{width:100%;padding:18px;border-radius:16px;font-family:Tajawal,sans-serif;font-size:1.2rem;font-weight:700;cursor:pointer;border:none;background:linear-gradient(135deg,#4f46e5,#06b6d4);color:#fff;box-shadow:0 8px 30px #4f46e566;transition:all .3s;margin-top:20px}.exam-submit-btn:hover{transform:translateY(-3px);box-shadow:0 12px 40px #4f46e599}.exam-result-box{margin-top:30px;padding:30px;background:linear-gradient(135deg,#4f46e526,#06b6d41a);border:1px solid rgba(129,140,248,.4);border-radius:20px;text-align:center;animation:fadeUp .6s ease both}.exam-result-box h3{font-size:2.5rem;color:#fbbf24;margin-bottom:10px;font-weight:900}.exam-result-box p{font-size:1.2rem;color:#e6edf3;font-weight:700}.exams-dashboard{padding:40px;max-width:1200px;margin:80px auto;animation:fadeUp .6s ease}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.exams-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:25px}.exam-admin-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:24px;transition:all .3s ease;position:relative;overflow:hidden}.exam-admin-card:hover{background:#818cf80d;border-color:#818cf866;transform:translateY(-5px)}.exam-badge{position:absolute;top:15px;left:15px;background:#06b6d433;color:#06b6d4;padding:4px 12px;border-radius:100px;font-size:.8rem;font-weight:700}.btn-add-exam{display:flex;align-items:center;gap:10px;padding:12px 24px;background:linear-gradient(135deg,#4f46e5,#06b6d4);color:#fff;border:none;border-radius:14px;font-weight:700;cursor:pointer;transition:.3s;text-decoration:none}.btn-add-exam:hover{box-shadow:0 8px 25px #4f46e566;transform:scale(1.05)}.points-wrapper{overflow:hidden;display:inline-block}.points-display{display:inline-block;transform-origin:center}@keyframes flipIn{0%{transform:translateY(-70%);opacity:0}60%{transform:translateY(8%);opacity:1}to{transform:translateY(0);opacity:1}}.points-flip{animation:flipIn 1s cubic-bezier(.22,1,.36,1) forwards}.burger-btn{display:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;background:transparent;border:none;cursor:pointer;padding:6px;position:fixed;top:18px;right:18px;z-index:999}.burger-btn span{display:block;width:24px;height:2px;background:#e6edf3;border-radius:4px;transition:all .3s ease}.burger-btn.open span:nth-child(2){opacity:0}.nav-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media (max-width: 1024px){.burger-btn{display:flex}.main-nav{transform:translate(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);z-index:300}.main-nav.open{transform:translate(0)}.home-content{margin-right:0!important;width:100%!important;padding:80px 20px 40px!important}.about{grid-template-columns:1fr;padding:60px 20px;gap:40px}.features{padding:60px 20px}.stats{gap:30px;flex-wrap:wrap;padding:40px 20px}.cta-section{margin:20px;padding:50px 20px}.dashboard-header{flex-direction:column;gap:16px;align-items:flex-start}.exams-dashboard{padding:20px;margin-top:60px}.navbar{padding:16px 20px!important}}@media (max-width: 480px){.hero-title{font-size:2rem}.section-title{font-size:1.8rem}.hero-cta{flex-direction:column;align-items:center}.exam-page-container{margin:60px 12px;padding:24px 16px}.exam-title{font-size:1.6rem}.options-grid{grid-template-columns:1fr}.assignments-grid{grid-template-columns:1fr;padding:10px}.exams-grid{grid-template-columns:1fr}.welcome-box h1{font-size:1.4rem}}.home-layout{display:flex;flex-direction:row-reverse;min-height:100vh;background:#0d1117;color:#e6edf3;font-family:Segoe UI,Tahoma,sans-serif;direction:rtl}.main-nav{width:240px;min-height:100vh;background:#161b22;border-left:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;padding:1.5rem 1rem;position:sticky;top:0;height:100vh;overflow-y:auto;flex-shrink:0;z-index:300}.nav-brand{font-size:1.1rem;font-weight:700;color:#c084fc;text-align:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(192,132,252,.2)}.nav-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.4rem;flex:1}.nav-links li{border-radius:10px;transition:background .2s ease}.nav-links li:hover{background:#c084fc1a}.nav-links li a{display:block;padding:.65rem 1rem;color:#c9d1d9;text-decoration:none;font-size:.95rem;border-radius:10px;transition:color .2s ease}.nav-links li a:hover{color:#c084fc}.nav-footer{margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.07)}.btn-logout{width:100%;padding:.6rem 1rem;background:linear-gradient(135deg,#ef4444,#b91c1c);color:#fff;border:none;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:filter .2s ease,transform .2s ease;box-shadow:0 4px 12px #ef44444d}.btn-logout:hover{filter:brightness(1.15);transform:scale(1.02)}.burger-btn{display:none;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;background:#161b22e6;border:1px solid rgba(192,132,252,.25);border-radius:10px;cursor:pointer;padding:8px;position:fixed;top:16px;right:16px;z-index:999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color .2s ease,background .2s ease}.burger-btn:hover{border-color:#c084fc8c;background:#161b22}.burger-btn span{display:block;width:22px;height:2px;background:#e6edf3;border-radius:4px;transition:all .3s ease}.burger-btn.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.burger-btn.open span:nth-child(2){opacity:0;transform:scaleX(0)}.burger-btn.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;z-index:200;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.nav-overlay.active{display:block}@media (min-width: 1025px){.main-nav{transform:translate(0)!important;position:fixed;right:0;display:flex!important}.home-content,.container{margin-right:260px!important;width:calc(100% - 260px)!important}.burger-btn,.nav-overlay{display:none!important}}@media (max-width: 1024px){.home-layout{flex-direction:column}.burger-btn{display:flex}.main-nav{position:fixed;top:0;right:0;height:100vh;width:260px;transform:translate(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);box-shadow:-8px 0 40px #00000080;z-index:300}.main-nav.open{transform:translate(0)}.home-content{width:100%!important;margin:0!important;padding:80px 20px 40px!important}}@media (max-width: 480px){.main-nav{width:100%}.welcome-box h1{font-size:1.4rem}}.home-content{flex:1;padding:2.5rem 2rem;max-width:1100px;margin:0 auto;width:100%}.welcome-box{background:linear-gradient(135deg,#1e1b2e,#16213e);border:1px solid rgba(192,132,252,.2);border-radius:16px;padding:1.6rem 2rem;margin-bottom:2rem;text-align:center}.welcome-box h1{font-size:1.6rem;font-weight:700;color:#f0e6ff;margin:0}.games-title{font-size:1.4rem;font-weight:700;color:#c084fc;margin:2.5rem 0 1.2rem;padding-right:.85rem;border-right:4px solid #c084fc;text-align:right;letter-spacing:.02em}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.game-card{position:relative;background:linear-gradient(135deg,#1e1b2e,#16213e);border:1px solid rgba(192,132,252,.2);border-radius:18px;padding:1.8rem 1.6rem;text-align:right;display:flex;flex-direction:column;gap:.85rem;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.game-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:18px;background:radial-gradient(circle at top right,rgba(192,132,252,.12) 0%,transparent 65%);opacity:0;transition:opacity .4s ease;pointer-events:none}.game-card:hover{transform:translateY(-6px);border-color:#c084fc8c;box-shadow:0 12px 40px #00000080,0 0 0 1px #c084fc40,0 0 30px #c084fc1f}.game-card:hover:before{opacity:1}.game-card h2{font-size:1.15rem;font-weight:700;color:#f0e6ff;margin:0;line-height:1.5}.game-card p{font-size:.9rem;color:#a0a8c0;line-height:1.75;margin:0;flex:1}.btn-play{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;margin-top:.5rem;padding:.65rem 1.4rem;border:none;border-radius:10px;background:linear-gradient(135deg,#9333ea,#6d28d9);color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;align-self:flex-end;letter-spacing:.03em;box-shadow:0 4px 15px #6d28d966}.btn-play:hover{transform:scale(1.05);filter:brightness(1.15);box-shadow:0 6px 22px #6d28d999}.btn-play:active{transform:scale(.97)}@media (max-width: 640px){.games-grid{grid-template-columns:1fr}.game-card{padding:1.4rem 1.2rem}.games-title{font-size:1.2rem}}.switch{position:relative;display:inline-block;width:50px;height:26px}.slider{position:absolute;cursor:pointer;background-color:#ccc;border-radius:34px;top:0;left:0;right:0;bottom:0;transition:.3s}.slider:before{content:"";position:absolute;height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:.3s}input:checked+.slider{background-color:#4caf50}.settings-section{padding:40px;color:#fff}.settings-box{margin-top:20px;background:#0f172a;padding:20px;border-radius:12px;max-width:600px}.settings-item{display:flex;justify-content:space-between;align-items:center;background:#1e293b;padding:15px;border-radius:10px;margin-top:15px}.settings-item h3{margin:0;font-size:16px}.settings-item p{margin:5px 0 0;font-size:13px;color:#aaa}.switch{position:relative;width:50px;height:26px}.switch input{display:none}.slider{position:absolute;background:#ccc;border-radius:34px;top:0;left:0;right:0;bottom:0;transition:.3s}.slider:before{content:"";position:absolute;width:20px;height:20px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.3s}input:checked+.slider{background:#4caf50}input:checked+.slider:before{transform:translate(24px)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:999}.modal{width:420px;max-width:90%;background:#0f172a;padding:28px;border-radius:16px;color:#fff;position:relative;box-shadow:0 20px 60px #00000080;animation:pop .2s ease-out}@keyframes pop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.modal h3{font-size:20px;margin-bottom:15px}.modal input{width:100%;padding:12px;border-radius:10px;border:none;margin-top:10px;background:#1e293b;color:#fff;outline:none}.modal button{width:100%;margin-top:15px;padding:12px;border-radius:10px;border:none;cursor:pointer}.close-btn{position:absolute;top:-72px;right:0;background:red;color:#fff;border:none;border-radius:8px;padding:6px 8px;cursor:pointer}.container{padding:30px;font-family:Arial}.title{text-align:center;margin-bottom:30px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.card{background:#111;color:#fff;padding:20px;border-radius:15px;cursor:pointer;transition:.2s}.card:hover{transform:scale(1.05);background:#1e1e1e}.type{display:inline-block;margin-top:10px;font-size:12px;opacity:.7}.content img,.content video,.content iframe{width:100%;margin-top:20px;border-radius:10px}a{display:inline-block;margin-top:20px;color:#4da6ff}.loader-page{height:100vh;background:#0f172a;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff}.spinner{width:60px;height:60px;border:5px solid #1e293b;border-top:5px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}.server-down{height:100vh;background:linear-gradient(135deg,#0f172a,#020617);display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;text-align:center}.server-down h1{font-size:32px;margin-bottom:10px}.server-down button{margin-top:20px;padding:10px 20px;border:none;border-radius:10px;background:#3b82f6;color:#fff;cursor:pointer;transition:.2s}.server-down button:hover{transform:scale(1.05);background:#2563eb}@media (max-width: 768px){.burger-btn{display:flex}.main-nav{transform:translate(100%);transition:transform .3s ease}.main-nav.open{transform:translate(0)}}.no-data{color:#c084fc;font-size:1.2rem;text-align:center;grid-column:1 / -1;margin-top:50px;background:#c084fc1a;padding:20px;border-radius:12px;border:1px dashed rgba(192,132,252,.3)}.container{margin-right:260px;padding:40px;min-height:100vh}@media (max-width: 768px){.container{margin-right:0}}.terms-group{display:flex;align-items:center;gap:10px;margin:10px 0;font-size:14px;direction:rtl}.terms-group input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#6366f1;flex-shrink:0}.terms-group label{cursor:pointer;-webkit-user-select:none;user-select:none;color:#555;margin:10px 0;text-align:center}.terms-link{color:#6366f1;font-weight:800;cursor:pointer;text-decoration:underline;transition:color .2s;text-align:center}.terms-link:hover{color:#4f46e5}.btn-main:disabled{opacity:.6;cursor:not-allowed}.settings-item{background:#1e293b;padding:15px;margin-top:12px;border-radius:10px;color:#fff;cursor:pointer;transition:.2s}.settings-item:hover{background:#334155;transform:scale(1.02)}.settings-item.danger{background:#7f1d1d}.settings-item.danger:hover{background:#991b1b}.App{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;background:#222;text-align:center;font-family:Arial,sans-serif}.App h1{margin:0;font-size:6rem;color:#fff}.App p{margin:0;font-size:1.25rem;color:#c50000}.App button{margin-top:10px;padding:12px 24px;border:none;border-radius:8px;background:#007bff;color:#fff;font-size:1rem;cursor:pointer;transition:.3s}.App button:hover{background:#0056b3}.help-container{max-width:600px;margin:60px auto;padding:40px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:30px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.help-title{font-size:2.2rem;font-weight:900;background:linear-gradient(135deg,#818cf8,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:12px}.help-desc{color:#ffffff80;text-align:center;margin-bottom:40px;font-size:1.1rem}.help-section{margin-bottom:30px}.help-section h3{font-size:1.5rem;color:#fbbf24;margin-bottom:10px}.help-section p{font-size:1.1rem;color:#e6edf3;line-height:1.6}.help-links a{display:inline-block;margin-top:15px;color:#4da6ff;text-decoration:underline;transition:color .2s}.help-links a:hover{color:#2563eb}.btn-main{padding:12px 24px;border:none;border-radius:10px;background:linear-gradient(135deg,#4f46e5,#06b6d4);color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}:root{--bg: #f5f3ef;--surface: #ffffff;--surface-2: #faf9f6;--primary: #3d5a80;--primary-dark: #2c4160;--primary-glow: rgba(61, 90, 128, .18);--met-bg: #edfaf3;--met-border: #6fcf97;--met-icon-bg: #27ae60;--unmet-bg: #fff4f4;--unmet-border: #f4a4a4;--unmet-icon-bg:#e74c3c;--text-dark: #1a1a2e;--text-mid: #4a4a6a;--text-soft: #8888a8;--radius-card: 16px;--radius-btn: 12px;--shadow-card: 0 2px 20px rgba(0, 0, 0, .07);--shadow-btn: 0 4px 18px rgba(61, 90, 128, .35)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}.vr-page{min-height:100vh;background-color:var(--bg);background-image:radial-gradient(ellipse 70% 50% at 20% 10%,rgba(61,90,128,.08) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 80% 90%,rgba(39,174,96,.06) 0%,transparent 60%);padding:48px 16px 80px;font-family:Cairo,sans-serif;direction:rtl;color:var(--text-dark)}.vr-container{max-width:760px;margin:0 auto;background:var(--surface);border-radius:24px;box-shadow:0 8px 48px #0000001a;padding:52px 48px}.vr-header{text-align:center;margin-bottom:40px}.vr-badge{display:inline-block;background:var(--primary-glow);color:var(--primary);font-size:.78rem;font-weight:700;letter-spacing:.06em;padding:6px 18px;border-radius:999px;border:1px solid rgba(61,90,128,.2);margin-bottom:16px}.vr-title{font-size:2.1rem;font-weight:800;color:var(--text-dark);line-height:1.3;margin-bottom:12px}.vr-subtitle{font-size:.97rem;color:var(--text-mid);line-height:1.8;max-width:540px;margin:0 auto}.vr-loading{display:flex;flex-direction:column;align-items:center;gap:16px;padding:64px 0;color:var(--text-soft);font-size:.95rem}.vr-spinner{width:46px;height:46px;border:4px solid #e8e8f0;border-top-color:var(--primary);border-radius:50%;animation:vr-spin .75s linear infinite}@keyframes vr-spin{to{transform:rotate(360deg)}}.vr-error{display:flex;align-items:center;gap:12px;background:#fff5f5;border:1.5px solid var(--unmet-border);border-radius:var(--radius-card);color:#c0392b;padding:16px 20px;margin-bottom:28px;font-size:.93rem;line-height:1.6}.vr-error-icon{font-size:1.2rem;flex-shrink:0}.vr-progress-wrap{background:var(--surface-2);border:1px solid #e8e8f0;border-radius:var(--radius-card);padding:18px 22px;margin-bottom:30px}.vr-progress-labels{display:flex;justify-content:space-between;font-size:.85rem;color:var(--text-mid);font-weight:600;margin-bottom:10px}.vr-progress-count{color:var(--primary)}.vr-progress-track{background:#e2e2f0;border-radius:999px;height:10px;overflow:hidden}.vr-progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--primary) 0%,#27ae60 100%);transition:width .7s cubic-bezier(.4,0,.2,1);min-width:6px}.vr-list{display:flex;flex-direction:column;gap:14px;margin-bottom:30px}.vr-card{display:flex;align-items:flex-start;gap:16px;padding:20px 22px;border-radius:var(--radius-card);border:1.5px solid transparent;transition:transform .15s ease,box-shadow .15s ease;animation:vr-slide-in .35s ease both}.vr-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card)}.vr-card:nth-child(1){animation-delay:.05s}.vr-card:nth-child(2){animation-delay:.1s}.vr-card:nth-child(3){animation-delay:.15s}.vr-card:nth-child(4){animation-delay:.2s}.vr-card:nth-child(5){animation-delay:.25s}.vr-card:nth-child(6){animation-delay:.3s}.vr-card:nth-child(7){animation-delay:.35s}@keyframes vr-slide-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.vr-card--met{background:var(--met-bg);border-color:var(--met-border)}.vr-card--unmet{background:var(--unmet-bg);border-color:var(--unmet-border)}.vr-card-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;color:#fff;flex-shrink:0;margin-top:2px}.vr-card--met .vr-card-icon{background:var(--met-icon-bg)}.vr-card--unmet .vr-card-icon{background:var(--unmet-icon-bg)}.vr-card-body{flex:1}.vr-card-title{font-size:.97rem;font-weight:700;color:var(--text-dark);line-height:1.5;margin-bottom:5px}.vr-card-desc{font-size:.83rem;color:var(--text-mid);line-height:1.65}.vr-note{background:var(--surface-2);border-right:4px solid var(--primary);border-radius:0 10px 10px 0;color:var(--text-mid);font-size:.875rem;line-height:1.75;padding:14px 18px;margin-bottom:36px}.vr-actions{display:flex;flex-direction:column;align-items:center;gap:14px}.vr-btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border:none;padding:15px 56px;border-radius:var(--radius-btn);font-size:1.05rem;font-weight:700;font-family:Cairo,sans-serif;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;min-width:220px}.vr-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-btn)}.vr-btn-primary:active:not(:disabled){transform:translateY(0)}.vr-btn-primary:disabled{background:linear-gradient(135deg,#a0aec0,#718096);cursor:not-allowed;box-shadow:none;transform:none;opacity:.75}.vr-btn-secondary{color:var(--text-soft);font-size:.9rem;font-family:Cairo,sans-serif;text-decoration:none;padding:10px 20px;border-radius:10px;transition:color .15s ease,background .15s ease}.vr-btn-secondary:hover{color:var(--text-dark);background:var(--surface-2)}@media (max-width: 620px){.vr-container{padding:36px 22px;border-radius:18px}.vr-title{font-size:1.6rem}.vr-card{padding:16px}.vr-btn-primary{width:100%;padding:15px 20px}.vr-btn-secondary{width:100%;text-align:center}}.sendrequest-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;text-align:center;padding:20px;font-family:Arial,sans-serif}.sendrequest-title{font-size:28px;font-weight:700;margin-bottom:10px}.sendrequest-desc{color:#555;margin-bottom:20px}.sendrequest-btn{background:#4a6cf7;color:#fff;border:none;padding:12px 20px;border-radius:8px;cursor:pointer;font-size:16px}.sendrequest-btn:hover{background:#3b57d1}.sendrequest-message{margin-top:15px;color:#333}.spinner{width:40px;height:40px;border:4px solid #ddd;border-top:4px solid #4a6cf7;border-radius:50%;animation:spin 1s linear infinite;margin:20px auto}@keyframes spin{to{transform:rotate(360deg)}}:root{--primary: #6366f1;--primary-dark: #4f46e5;--primary-light: #e0e7ff;--secondary: #ec4899;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--bg-light: #f9fafb;--bg-white: #ffffff;--text-dark: #1f2937;--text-gray: #6b7280;--border-color: #e5e7eb;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Arial,sans-serif;direction:rtl;background:linear-gradient(135deg,#f9fafb,#f3f4f6);color:var(--text-dark)}.terms-container{max-width:900px;margin:0 auto;padding:0;background:var(--bg-white);min-height:100vh;box-shadow:0 0 40px #00000014}.terms-header{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;padding:60px 40px;text-align:center;position:relative;overflow:hidden}.terms-header:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 1px,transparent 1px);background-size:50px 50px;animation:drift 8s linear infinite}@keyframes drift{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.terms-header-content{position:relative;z-index:1}.terms-title{font-size:3em;font-weight:700;margin-bottom:10px;letter-spacing:-.5px;text-shadow:0 2px 10px rgba(0,0,0,.2)}.terms-subtitle{font-size:1.2em;margin-bottom:15px;opacity:.95;font-weight:300}.terms-date{font-size:.95em;opacity:.85}.terms-intro{padding:40px;background:linear-gradient(to bottom,var(--primary-light),transparent);border-bottom:2px solid var(--border-color);text-align:center}.terms-intro p{font-size:1.1em;line-height:1.8;color:var(--text-dark);max-width:700px;margin:0 auto}.terms-content{padding:40px}.terms-section{margin-bottom:20px;border:1px solid var(--border-color);border-radius:12px;overflow:hidden;transition:all .3s ease;background:var(--bg-white)}.terms-section:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.terms-section-header{width:100%;padding:20px;background:linear-gradient(to left,var(--bg-light),transparent);border:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease;text-align:right}.terms-section-header:hover{background:linear-gradient(to left,var(--primary-light),transparent)}.terms-section-header:active{background:var(--primary-light)}.terms-section-title{font-size:1.05em;font-weight:600;color:var(--text-dark)}.terms-toggle-icon{display:inline-block;transition:transform .3s ease;color:var(--primary);font-size:.8em;margin-left:15px}.terms-toggle-icon.active{transform:rotate(180deg)}.terms-section-content{padding:20px;background:var(--bg-white);border-top:1px solid var(--border-color);animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.terms-section-content p{line-height:1.7;color:var(--text-gray);font-size:.95em}.terms-footer{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);padding:40px;border-top:2px solid var(--border-color)}.terms-footer-content{max-width:600px;margin:0 auto;text-align:center}.terms-footer-content h3{font-size:1.5em;margin-bottom:15px;color:var(--text-dark)}.terms-footer-content p{color:var(--text-gray);line-height:1.6;margin-bottom:20px}.contact-info{background:var(--bg-white);padding:20px;border-radius:10px;margin:20px 0;border-right:4px solid var(--primary)}.contact-info p{margin:10px 0;color:var(--text-dark);text-align:right}.contact-info strong{color:var(--primary);font-weight:600}.terms-back-btn{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border:none;padding:14px 40px;border-radius:8px;font-size:1em;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:20px;box-shadow:var(--shadow-md)}.terms-back-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.terms-back-btn:active{transform:translateY(0)}@media (max-width: 768px){.terms-container{box-shadow:none}.terms-header{padding:40px 20px}.terms-title{font-size:2em}.terms-subtitle{font-size:1em}.terms-intro{padding:30px 20px}.terms-intro p{font-size:1em}.terms-content{padding:20px}.terms-section{margin-bottom:15px}.terms-section-header{padding:15px}.terms-section-title{font-size:1em}.terms-section-content{padding:15px}.terms-section-content p{font-size:.9em}.terms-footer{padding:30px 20px}.contact-info{padding:15px}.terms-back-btn{padding:12px 30px;font-size:.95em}}@media (max-width: 480px){.terms-header{padding:30px 15px}.terms-title{font-size:1.5em}.terms-subtitle{font-size:.9em}.terms-content{padding:15px}.terms-section-header{padding:12px;gap:10px}.terms-section-title{font-size:.95em}.terms-toggle-icon{margin-left:10px}.terms-section-content,.contact-info{padding:12px}.contact-info p{font-size:.9em}}.terms-section-header:focus{outline:2px solid var(--primary);outline-offset:2px}html{scroll-behavior:smooth}@media print{.terms-back-btn{display:none}.terms-header{background:var(--text-dark);color:#fff}.terms-section{page-break-inside:avoid}}