@source "../../src";@layer base{:root{--neon-blue:#00f0ff;--neon-purple:#b400ff;--neon-green:#0f8;--neon-pink:#f0a;--dark-bg:#0a0a1a;--dark-surface:#111128;--dark-card:#1a1a3e}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--dark-bg);color:#fff;min-height:100vh;font-family:Cairo,sans-serif;overflow-x:hidden}[dir=ltr] body{font-family:Orbitron,Cairo,sans-serif}}@layer components{.glass-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a3e99;border:1px solid #00f0ff26;border-radius:20px;transition:all .4s cubic-bezier(.4,0,.2,1)}.glass-card:hover{border-color:#00f0ff66;transform:translateY(-5px);box-shadow:0 0 30px #00f0ff1a,inset 0 0 30px #00f0ff0d}.neon-text{text-shadow:0 0 10px var(--neon-blue), 0 0 20px var(--neon-blue), 0 0 40px var(--neon-blue)}.neon-text-purple{text-shadow:0 0 10px var(--neon-purple), 0 0 20px var(--neon-purple), 0 0 40px var(--neon-purple)}.neon-border{border:1px solid var(--neon-blue);box-shadow:0 0 10px #00f0ff4d,inset 0 0 10px #00f0ff1a}.neon-btn{border:1px solid var(--neon-blue);color:var(--neon-blue);cursor:pointer;background:linear-gradient(135deg,#00f0ff33,#b400ff33);border-radius:50px;padding:12px 32px;font-weight:600;transition:all .3s;position:relative;overflow:hidden}.neon-btn:before{content:"";background:linear-gradient(90deg,#0000,#00f0ff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.neon-btn:hover:before{left:100%}.neon-btn:hover{background:linear-gradient(135deg,#00f0ff66,#b400ff66);transform:scale(1.05);box-shadow:0 0 20px #00f0ff80,0 0 40px #00f0ff33}.grid-bg{background-image:linear-gradient(#00f0ff08 1px,#0000 1px),linear-gradient(90deg,#00f0ff08 1px,#0000 1px);background-size:50px 50px}.floating{animation:6s ease-in-out infinite float}.pulse-glow{animation:2s ease-in-out infinite pulseGlow}.scan-line{position:relative;overflow:hidden}.scan-line:after{content:"";background:linear-gradient(90deg, transparent, var(--neon-blue), transparent);height:2px;animation:3s linear infinite scanLine;position:absolute;top:0;left:0;right:0}.hologram{background:linear-gradient(135deg,#00f0ff1a 0%,#b400ff0d 50%,#00ff881a 100%);border:1px solid #00f0ff33}.particle{background:var(--neon-blue);width:4px;height:4px;box-shadow:0 0 10px var(--neon-blue);border-radius:50%;animation:8s linear infinite particleFloat;position:absolute}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulseGlow{0%,to{opacity:1;box-shadow:0 0 10px var(--neon-blue)}50%{opacity:.7;box-shadow:0 0 30px var(--neon-blue), 0 0 60px var(--neon-blue)}}@keyframes scanLine{0%{top:0}to{top:100%}}@keyframes particleFloat{0%{opacity:0;transform:translateY(100vh)translate(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100vh)translate(100px)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fadeInUp{animation:.8s ease-out forwards fadeInUp}.animate-rotate{animation:20s linear infinite rotate}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--dark-bg)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--neon-blue), var(--neon-purple));border-radius:4px}[dir=rtl] .rtl-flip{transform:scaleX(-1)}@media (max-width:768px){.neon-btn{padding:10px 24px;font-size:14px}}