.page-loader{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg)}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:Inter,Cairo,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[lang=ar] body,[dir=rtl] body{font-family:Cairo,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}img,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit;border:none;background:none}input,select,textarea{font-family:inherit;font-size:inherit}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-family:Inter,Cairo,sans-serif;line-height:1.04;font-weight:500;letter-spacing:0}:root,[data-theme=dark]{--primary: #00F5D4;--primary-l: #33FFE3;--primary-xl: #80FFF0;--primary-d: #00C4AA;--accent: #00F5D4;--accent-l: #33FFE3;--accent-xl: #80FFF0;--accent-d: #00C4AA;--gold: #00F5D4;--gold-l: #33FFE3;--gold-d: #00C4AA;--rose: #FF6B8A;--green: #00F5D4;--amber: #FFB547;--teal: #00F5D4;--teal-l: #33FFE3;--teal-d: #00C4AA;--sky: #38BDF8;--pink: #FF6B8A;--orange: #FFB547;--cyan: #00F5D4;--emerald: #00F5D4;--indigo: var(--primary);--indigo-l: var(--primary-l);--indigo-xl: var(--primary-xl);--indigo-d: var(--primary-d);--bg: #000000;--bg-elevated: #080F14;--surface: #0A1118;--card: rgba(8, 15, 20, .9);--glass: rgba(8, 15, 20, .65);--text: #FFFFFF;--text-2: #A1A1AA;--muted: #71717A;--border: rgba(0, 245, 212, .15);--border-hover: rgba(0, 245, 212, .3);--shadow-sm: 0 0 2px rgba(0,245,212,.1), 0 0 8px rgba(0,245,212,.04);--shadow-md: 0 0 3px rgba(0,245,212,.15), 0 0 14px rgba(0,245,212,.06);--shadow-lg: 0 0 4px rgba(0,245,212,.2), 0 0 20px rgba(0,245,212,.08);--shadow-glow: 0 0 3px rgba(0,245,212,.15), 0 0 12px rgba(0,245,212,.06);--shadow-glow-primary: 0 0 5px rgba(0,245,212,.25), 0 0 20px rgba(0,245,212,.1);--grid-color: rgba(21, 29, 36, .4);--bg-glow-gradient: radial-gradient(ellipse at 30% 20%, rgba(0, 245, 212, .04) 0%, transparent 55%), radial-gradient(ellipse at 70% 60%, rgba(0, 245, 212, .02) 0%, transparent 55%);--input-bg: #060A0E;--input-border: #151D24;--input-focus-bg: #080F14;--input-focus-shadow: rgba(0, 245, 212, .12);--radius-sm: 7px;--radius-md: 5px;--radius-lg: 7px;--radius-xl: 12px;--radius-full: 9999px;--space-base: 8px;--space-gap: 16px;--space-card: 24px;--space-section: 80px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--z-base: 1;--z-sticky: 100;--z-modal: 1000;--z-toast: 2000;color-scheme:dark}[data-theme=light]{--primary: #00A896;--primary-l: #00C4AA;--primary-xl: #5DFECE;--primary-d: #008573;--accent: #00A896;--accent-l: #00C4AA;--accent-xl: #5DFECE;--accent-d: #008573;--gold: #00A896;--gold-l: #00C4AA;--gold-d: #008573;--rose: #E11D48;--green: #059669;--amber: #D97706;--teal: #0D9488;--teal-l: #14B8A6;--teal-d: #0F766E;--sky: #0EA5E9;--pink: #EC4899;--orange: #EA580C;--cyan: #00A896;--emerald: #059669;--indigo: var(--primary);--indigo-l: var(--primary-l);--indigo-xl: var(--primary-xl);--indigo-d: var(--primary-d);--bg: #F0FDFB;--bg-elevated: #E6FAF7;--surface: #FFFFFF;--card: rgba(255, 255, 255, .92);--glass: rgba(255, 255, 255, .7);--text: #0C1B26;--text-2: #3D5A6E;--muted: #7A9BAD;--border: #C8E6E0;--border-hover: #99D6CA;--shadow-sm: 0 1px 3px rgba(0, 168, 150, .06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 16px rgba(0, 168, 150, .08), 0 2px 6px rgba(0,0,0,.04);--shadow-lg: 0 10px 30px rgba(0, 168, 150, .1), 0 4px 12px rgba(0,0,0,.05);--shadow-glow: 0 0 20px rgba(0, 168, 150, .12);--shadow-glow-primary: 0 0 30px rgba(0, 168, 150, .15);--grid-color: rgba(0, 168, 150, .04);--bg-glow-gradient: radial-gradient(ellipse at 30% 20%, rgba(0, 168, 150, .08) 0%, transparent 55%), radial-gradient(ellipse at 70% 60%, rgba(0, 168, 150, .04) 0%, transparent 55%);--input-bg: #FFFFFF;--input-border: #C8E6E0;--input-focus-bg: #FFFFFF;--input-focus-shadow: rgba(0, 168, 150, .2);color-scheme:light}body{background:var(--bg);color:var(--text);min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}*{scrollbar-width:thin;scrollbar-color:var(--border) var(--bg)}#root{min-height:100vh}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.label-mono{font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600;line-height:1.2;letter-spacing:.05em;text-transform:uppercase}.gradient-text,.text-gradient-cyan{background:linear-gradient(135deg,var(--primary),var(--primary-l));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.w-full{width:100%;max-width:100%!important;margin:0!important;padding:0 4rem;box-sizing:border-box}@media(max-width:768px){.w-full{padding:0 1.5rem}}.bg-grid-pattern{position:absolute;inset:0;background-image:linear-gradient(to right,var(--grid-color) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-color) 1px,transparent 1px);background-size:48px 48px;pointer-events:none;z-index:0;opacity:.6}.bg-glow{position:fixed;top:-300px;left:50%;transform:translate(-50%);width:1000px;height:700px;background:var(--bg-glow-gradient);pointer-events:none;z-index:0;display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-fade-in{animation:fadeIn .4s ease forwards}.animate-fade-in-up{animation:fadeInUp .5s ease forwards}.animate-scale-in{animation:scaleIn .3s ease forwards}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}::selection{background:#00f5d433;color:var(--text)}[dir=rtl]{direction:rtl;text-align:right}img[src*=avatar]{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:1rem;animation:fadeIn .15s ease}.modal-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;max-width:560px;max-height:90vh;overflow-y:auto;animation:scaleIn .2s ease;box-shadow:var(--shadow-lg)}.modal-box--sm{max-width:420px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border)}.modal-header h2,.modal-header h3{font-size:1.125rem;font-weight:600;margin:0}.modal-close{background:none;border:none;color:var(--muted);cursor:pointer;padding:4px;border-radius:var(--radius-sm);transition:color var(--transition-fast)}.modal-close:hover{color:var(--text)}.modal-body{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.5rem}.form-group label{font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600;color:var(--text-2);text-transform:uppercase;letter-spacing:.05em}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem 1rem;background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-sm);color:var(--text);font-size:.95rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--input-focus-shadow)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--muted)}.form-group textarea{resize:vertical;min-height:100px}.modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:.5rem}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;border-radius:var(--radius-sm);padding:.6rem 1.25rem;transition:all .2s ease;white-space:nowrap;cursor:pointer;text-decoration:none;border:1px solid var(--border)}.btn:hover{transform:translateY(-1px)}.btn-primary,.btn-accent,.btn-gradient-purple{background:#00f5d40a!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:var(--primary)!important;border:1px solid rgba(0,245,212,.25)!important;font-weight:700;box-shadow:0 0 3px #00f5d426,0 0 12px #00f5d40f}.btn-primary:hover,.btn-accent:hover,.btn-gradient-purple:hover{background:#00f5d414!important;border-color:#00f5d466!important;box-shadow:0 0 5px #00f5d44d,0 0 20px #00f5d41f,0 0 50px #00f5d40a;transform:translateY(-2px)}.btn-secondary,.btn-outline,.btn-outline-dark,.btn-outline-light{background:var(--surface)!important;color:var(--text)!important;border:1px solid var(--border)!important}.btn-secondary:hover,.btn-outline:hover,.btn-outline-dark:hover,.btn-outline-light:hover{background:var(--bg-elevated)!important;border-color:var(--border-hover)!important;color:var(--text)!important;transform:translateY(-1px)}.btn-cta-animated{background:#00f5d414!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:var(--primary)!important;border:1px solid rgba(0,245,212,.2)!important;font-weight:700;font-size:1rem;padding:.85rem 2rem;box-shadow:inset 0 1px #00f5d41a,0 2px 12px #0003}.btn-cta-animated:hover{background:#00f5d426!important;border-color:#00f5d459!important;box-shadow:inset 0 1px #00f5d426,0 4px 20px #0000004d,0 0 15px #00f5d414;transform:translateY(-2px)}.btn-success{background:#00f5d41a!important;color:var(--primary)!important;border:1px solid rgba(0,245,212,.25)!important}.btn-success:hover{background:#00f5d433!important;border-color:#00f5d466!important;transform:translateY(-1px)}.btn-danger{background:#ff6b8a1a!important;color:#ff6b8a!important;border:1px solid rgba(255,107,138,.25)!important}.btn-danger:hover{background:#ff6b8a33!important;border-color:#ff6b8a66!important;transform:translateY(-1px)}.btn-teal{background:#00f5d41a!important;color:var(--primary)!important;border:1px solid rgba(0,245,212,.25)!important}.btn-teal:hover{background:#00f5d433!important;border-color:#00f5d466!important;transform:translateY(-1px)}.btn-ghost{background:transparent!important;color:var(--text-2)!important;border:1px solid transparent!important}.btn-ghost:hover{background:#00f5d40d!important;color:var(--text)!important}.btn-sm{padding:.4rem .85rem;font-size:.8rem}.btn-lg{padding:.85rem 1.75rem;font-size:1rem}.btn-xs{padding:.3rem .65rem;font-size:.72rem}[data-theme=light] .btn-primary,[data-theme=light] .btn-accent,[data-theme=light] .btn-gradient-purple{background:linear-gradient(135deg,#00a8961f,#00a8960f)!important;color:var(--primary-d)!important;border:1px solid rgba(0,168,150,.3)!important;box-shadow:0 2px 8px #00a8961a,inset 0 1px #ffffff80}[data-theme=light] .btn-primary:hover,[data-theme=light] .btn-accent:hover,[data-theme=light] .btn-gradient-purple:hover{background:linear-gradient(135deg,#00a89633,#00a8961f)!important;border-color:#00a89673!important;box-shadow:0 4px 16px #00a8962e,inset 0 1px #fff6}[data-theme=light] .btn-cta-animated{background:linear-gradient(135deg,#00a89624,#00a89614)!important;color:var(--primary-d)!important;border:1px solid rgba(0,168,150,.3)!important}[data-theme=light] .btn-cta-animated:hover{background:linear-gradient(135deg,#00a89638,#00a89624)!important;border-color:#00a89673!important;box-shadow:0 4px 20px #00a8962e}[data-theme=light] .btn-secondary,[data-theme=light] .btn-outline{background:#fff!important;color:var(--text)!important;border:1px solid var(--border)!important}[data-theme=light] .btn-secondary:hover,[data-theme=light] .btn-outline:hover{background:var(--bg-elevated)!important;border-color:var(--border-hover)!important}[data-theme=light] .btn-ghost{color:var(--text-2)!important}[data-theme=light] .btn-ghost:hover{background:#00a8960f!important;color:var(--text)!important}[data-theme=light] .btn-success{background:#05966914!important;color:#059669!important;border:1px solid rgba(5,150,105,.2)!important}[data-theme=light] .btn-danger{background:#e11d4814!important;color:#e11d48!important;border:1px solid rgba(225,29,72,.2)!important}