@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=Outfit:wght@400;600;700&family=IBM+Plex+Sans+Arabic:wght@400;600;700&display=swap";
:root{--primary:#bf5fff;--primary-hover:#a040ee;--primary-glow:#bf5fff40;--secondary:#00e5ff;--secondary-hover:#00b8cc;--secondary-glow:#00e5ff33;--accent-pink:#ff2d7a;--accent-gold:#ffb800;--accent-silver:#c0c0d0;--bg-main:#080810;--bg-surface:#10101a;--bg-elevated:#18182a;--bg-hover:#1e1e32;--text-main:#f0f0ff;--text-muted:#9090b0;--text-hint:#50506a;--border:#1e1e32;--border-glow:#bf5fff66;--border-cyan:#00e5ff4d;--success:#00ff9d;--success-bg:#00ff9d1a;--warning:#ffb800;--warning-bg:#ffb8001a;--error:#ff3d5a;--error-bg:#ff3d5a1a;--shadow-sm:0 1px 3px #00000080;--shadow-md:0 4px 12px #0009;--shadow-lg:0 20px 40px #000000b3;--shadow-primary:0 0 30px #bf5fff4d;--shadow-cyan:0 0 20px #00e5ff33;--glass-bg:#10101ae6;--glass-border:#bf5fff26;--glass-blur:blur(20px);--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:40px;--space-2xl:64px;--space-3xl:100px;--space-4xl:160px;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-2xl:32px;--radius-full:9999px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;max-width:100vw;font-family:Outfit,sans-serif;line-height:1.6;transition:background .3s,color .3s;overflow-x:hidden}h1,h2,h3,h4,h5,h6{letter-spacing:0;font-family:Orbitron,sans-serif;font-weight:800}[dir=rtl]{font-family:IBM Plex Sans Arabic,sans-serif}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] h4,[dir=rtl] h5,[dir=rtl] h6{letter-spacing:normal;font-family:IBM Plex Sans Arabic,sans-serif}a{color:inherit;text-decoration:none;transition:color .2s}a:hover{color:var(--primary)}button{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;min-height:44px;font-family:inherit;transition:all .2s;display:flex}input,select,textarea{font-family:inherit;font-size:16px}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border)}.container{width:100%;max-width:1240px;padding:0 var(--space-lg);margin:0 auto}.row{margin:0 calc(var(--space-md) * -1);flex-wrap:wrap;display:flex}.col{padding:0 var(--space-md);flex:1}.desktop-only{display:flex!important}.mobile-only{display:none!important}@media (max-width:900px){.desktop-only{display:none!important}.mobile-only{display:flex!important}.hero-grid{text-align:center;gap:var(--space-xl);grid-template-columns:1fr!important}.hero-grid>div{flex-direction:column;align-items:center;display:flex}h1{font-size:38px!important}}@media (max-width:768px){:root{--space-xl:24px;--space-2xl:32px;--space-3xl:48px;--space-4xl:64px}.container{padding:0 var(--space-md)}.product-grid{gap:var(--space-sm)!important;grid-template-columns:repeat(2,1fr)!important}}@media (max-width:480px){.product-grid{grid-template-columns:1fr!important}}.responsive-two-column,.product-detail-grid{gap:var(--space-2xl);grid-template-columns:1fr 1fr;align-items:start;display:grid}.hero-grid{gap:var(--space-2xl);grid-template-columns:1fr 360px;display:grid}.form-two-column,.form-three-column,.trust-grid{gap:var(--space-md);display:grid}.form-two-column,.trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-three-column{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:900px){.product-detail-grid,.responsive-two-column,.form-two-column,.form-three-column,.trust-grid{grid-template-columns:1fr!important}}.sticky-panel{position:sticky;top:100px}@media (max-width:900px){.sticky-panel{position:static}}.admin-shell{background:var(--bg-main);min-height:100vh;display:flex}.admin-sidebar{background:var(--bg-surface);border-right:1px solid var(--border);width:260px;padding:var(--space-xl) 0;flex-direction:column;display:flex}@media (max-width:900px){.admin-shell{flex-direction:column}.admin-sidebar{border-right:0;border-bottom:1px solid var(--border);width:100%}.admin-sidebar nav{display:flex;overflow-x:auto}.admin-sidebar nav a{white-space:nowrap}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-hint)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeIn}.spinner{border:3px solid var(--bg-surface);border-top:3px solid var(--text-muted);border-radius:50%;width:32px;height:32px;animation:1s cubic-bezier(.5,.1,.4,.9) infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.compliance-badge{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-muted);letter-spacing:.5px;text-transform:uppercase;align-items:center;gap:8px;padding:8px 16px;font-size:12px;font-weight:600;display:inline-flex}.compliance-notice-block{background:var(--bg-surface);border-left:3px solid var(--accent-gold);padding:var(--space-md) var(--space-lg);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--text-muted);margin-top:var(--space-xl);font-size:14px;line-height:1.6}