:root{--bg-color: #f4f6f8;--bg-secondary: #ffffff;--text-color: #333333;--text-secondary: #666666;--card-bg: #f7f9fc;--border-color: #cccccc;--shadow-color: rgba(0, 0, 0, .1);--primary-color: #2b8adb;--primary-hover: #1d6fb8;--primary-light: rgba(43, 138, 219, .2)}:root.dark-mode{--bg-color: #1a1a2e;--bg-secondary: #16213e;--text-color: #e0e0e0;--text-secondary: #b0b0b0;--card-bg: #1f2940;--border-color: #3a3a5c;--shadow-color: rgba(0, 0, 0, .3)}:root.theme-blue{--primary-color: #2b8adb;--primary-hover: #1d6fb8;--primary-light: rgba(43, 138, 219, .2)}:root.theme-green{--primary-color: #10b981;--primary-hover: #059669;--primary-light: rgba(16, 185, 129, .2)}:root.theme-purple{--primary-color: #8b5cf6;--primary-hover: #7c3aed;--primary-light: rgba(139, 92, 246, .2)}:root.theme-orange{--primary-color: #f59e0b;--primary-hover: #d97706;--primary-light: rgba(245, 158, 11, .2)}:root.theme-pink{--primary-color: #ec4899;--primary-hover: #db2777;--primary-light: rgba(236, 72, 153, .2)}html{scroll-behavior:smooth;scroll-padding-top:90px}.section-img{width:100%;max-width:600px;height:auto;border-radius:12px;margin:20px auto;display:block;box-shadow:0 10px 20px var(--shadow-color);object-fit:cover}.home-content{position:relative;z-index:2;background:#00000080;padding:40px;border-radius:15px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff}.home-content h2,.home-content p{color:#fff!important}body{font-family:Tajawal,sans-serif;margin:0;padding:0;direction:rtl;background:var(--bg-color);color:var(--text-color);transition:background .3s ease,color .3s ease}header{background:var(--bg-secondary);color:var(--text-color);position:sticky;top:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:10px 40px;box-shadow:0 2px 10px var(--shadow-color);transition:all .3s ease}header .logo-nav{display:flex;align-items:center;gap:12px;position:absolute;left:50%;transform:translate(-50%)}.logo-text{font-family:Outfit,Tajawal,sans-serif;font-size:28px;font-weight:800;background:linear-gradient(45deg,var(--primary-color),#60a5fa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.5px;margin:0}header nav{display:flex;gap:15px;order:1}header img{height:45px;filter:drop-shadow(0 2px 4px var(--shadow-color))}nav a{color:var(--text-color);text-decoration:none;font-weight:600;padding:8px 12px;border-radius:8px;transition:all .3s ease;font-size:15px}nav a:hover{background:var(--primary-light);color:var(--primary-color);transform:translateY(-1px)}nav a:hover{background:#fff3;transform:translateY(-2px);box-shadow:0 4px 8px #0003}#home{position:relative;min-height:600px;display:flex;align-items:center;justify-content:center;text-align:center;background-image:url(/assets/hero_bg-BJY6MeAN.png);background-size:cover;background-position:center;background-repeat:no-repeat;margin-top:0;border-radius:0;max-width:100%}section{padding:60px 20px;margin:40px auto;max-width:1100px;background:var(--bg-secondary);border-radius:10px;box-shadow:0 4px 15px var(--shadow-color);transition:background .3s ease,box-shadow .3s ease}h2,h3{color:var(--primary-color);margin-top:0;transition:color .3s ease}.card{background:var(--card-bg);padding:20px;margin:15px 0;border-radius:8px;box-shadow:0 2px 4px var(--shadow-color);transition:background .3s ease}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}button{background:var(--primary-color);color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;transition:all .3s ease}button:hover{background:var(--primary-hover)}input,select,textarea{width:100%;padding:10px;margin:5px 0 15px;border-radius:5px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-color);transition:all .3s ease}.form-section{max-width:500px;margin:auto auto 40px}.form-status{margin-top:15px;padding:10px;border-radius:5px;text-align:center;font-weight:700;display:none}.form-status.success{display:block;background:#10b98133;color:#10b981;border:1px solid #10b981}.form-status.error{display:block;background:#ef444433;color:#ef4444;border:1px solid #ef4444}.form-status.loading{display:block;background:var(--primary-light);color:var(--primary-color);border:1px solid var(--primary-color)}.icon-title{display:flex;align-items:center;gap:10px;font-weight:700;margin-bottom:10px}.theme-controls{display:flex;align-items:center;gap:8px;order:2}.theme-btn{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-color);font-size:18px;width:36px;height:36px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.theme-btn:hover{background:var(--primary-light);color:var(--primary-color);border-color:var(--primary-color);transform:translateY(-2px)}.theme-btn:hover{background:#ffffff4d;transform:scale(1.1)}.theme-select{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-color);padding:6px 10px;border-radius:10px;cursor:pointer;font-size:13px;font-family:inherit;transition:all .3s ease;width:auto;margin:0}.theme-select:hover{border-color:var(--primary-color);background:var(--primary-light)}.theme-select option{background:var(--bg-secondary);color:var(--text-color)}.menu-toggle{display:none;background:transparent;border:none;color:var(--text-color);font-size:28px;cursor:pointer;padding:5px;transition:.3s;order:3}.menu-toggle:hover{background:#ffffff1a;border-radius:5px}@media(max-width:1024px){header{padding:10px 20px}nav a{font-size:13px;padding:6px 8px}header nav{gap:8px}.logo-text{font-size:22px}header img{height:38px}}@media(max-width:768px){header{flex-wrap:wrap;padding:10px 15px;justify-content:flex-start;gap:10px}header .logo-nav{position:relative;left:auto;transform:none;order:1;flex-shrink:0}.logo-text{font-size:20px}header img{height:35px}.theme-controls{order:2;margin-right:auto}.menu-toggle{display:block;order:3;margin-left:0}header nav{display:none;width:100%;flex-direction:column;gap:0;margin-top:10px;order:4;background:var(--bg-secondary);border-radius:8px;overflow:hidden}header nav.active{display:flex}nav a{padding:12px 15px;border-bottom:1px solid var(--border-color);display:block;text-align:right}nav a:last-child{border-bottom:none}header h1{font-size:18px}section{padding:30px 15px;margin:10px 5px;border-radius:8px}.grid{grid-template-columns:1fr}#home{min-height:450px;padding:20px}.home-content{padding:25px 20px}.home-content h2{font-size:24px}.home-content p{font-size:14px}.home-content button{padding:10px 16px;font-size:14px;margin:5px}.section-img{max-width:100%;margin:15px auto}.form-section{max-width:100%;padding:0 10px}.card{padding:15px;margin:10px 0}.icon-title{font-size:14px}}@media(max-width:480px){header{padding:8px 10px;gap:8px}header .logo-nav{gap:8px}.logo-text{font-size:18px}header img{height:30px}.theme-btn{width:32px;height:32px;font-size:16px}.theme-select{padding:4px 6px;font-size:11px}.menu-toggle{font-size:24px;padding:3px}section{padding:20px 10px;margin:8px 3px}h2{font-size:22px}h3{font-size:16px}p{font-size:14px}#home{min-height:400px}.home-content{padding:20px 15px}.home-content h2{font-size:20px}.home-content p{font-size:13px;line-height:1.6}.home-content button{padding:8px 14px;font-size:13px;display:block;width:100%;margin:8px 0}input,select,textarea{padding:8px;font-size:14px}button{padding:10px 16px;font-size:14px}}