@import"https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&display=swap";@tailwind base;@tailwind components;@tailwind utilities;*{margin:0;padding:0;box-sizing:border-box}body{font-family:Vazirmatn,sans-serif;background:#0a0e27;color:#fff;overflow-x:hidden}.cyber-grid{position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,217,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,217,255,.1) 1px,transparent 1px);background-size:50px 50px;animation:gridMove 20s linear infinite;pointer-events:none;z-index:0}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.scanline{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 50%,rgba(0,217,255,.03) 51%);background-size:100% 4px;animation:scan 8s linear infinite;pointer-events:none;z-index:1}@keyframes scan{0%{background-position:0 0}to{background-position:0 100%}}.neon-cyan{color:#00d9ff;text-shadow:0 0 10px #00d9ff,0 0 20px #00d9ff,0 0 30px #00d9ff,0 0 40px #00d9ff}.neon-purple{color:#b537f2;text-shadow:0 0 10px #b537f2,0 0 20px #b537f2,0 0 30px #b537f2}.neon-pink{color:#ff2e97;text-shadow:0 0 10px #ff2e97,0 0 20px #ff2e97,0 0 30px #ff2e97}.neon-green{color:#0f8;text-shadow:0 0 10px #00ff88,0 0 20px #00ff88,0 0 30px #00ff88}.neon-red{color:#f05;text-shadow:0 0 10px #ff0055,0 0 20px #ff0055,0 0 30px #ff0055}.glitch{position:relative;animation:glitch 3s infinite}@keyframes glitch{0%,90%,to{transform:translate(0)}92%{transform:translate(-2px,2px)}94%{transform:translate(2px,-2px)}96%{transform:translate(-2px,-2px)}98%{transform:translate(2px,2px)}}.cyber-button{position:relative;padding:12px 32px;background:transparent;border:2px solid #00d9ff;color:#00d9ff;font-family:Orbitron,monospace;font-weight:600;text-transform:uppercase;cursor:pointer;overflow:hidden;transition:all .3s ease}.cyber-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,#00d9ff,transparent);transition:left .5s ease}.cyber-button:hover:before{left:100%}.cyber-button:hover{background:#00d9ff1a;box-shadow:0 0 10px #00d9ff,0 0 20px #00d9ff,inset 0 0 10px #00d9ff}.cyber-card{background:#0a0e27cc;border:1px solid rgba(0,217,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden;transition:all .3s ease}.cyber-card:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#00d9ff,#b537f2,#ff2e97,#0f8);border-radius:inherit;opacity:0;transition:opacity .3s ease;z-index:-1}.cyber-card:hover:before{opacity:.3}.cyber-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00d9ff4d,0 0 20px #00d9ff33}.particle{position:absolute;width:2px;height:2px;background:#00d9ff;border-radius:50%;pointer-events:none;animation:float 10s infinite}@keyframes float{0%,to{transform:translateY(0) translate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) translate(50px);opacity:0}}.hexagon-pattern{position:fixed;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 0l25.98 15v30L30 60 4.02 45V15z' fill='none' stroke='rgba(0,217,255,0.1)' stroke-width='1'/%3E%3C/svg%3E");background-size:60px 60px;opacity:.3;pointer-events:none;z-index:0}.loading-cyber{display:inline-block;width:50px;height:50px;border:3px solid rgba(0,217,255,.3);border-top-color:#00d9ff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.holographic{background:linear-gradient(45deg,#00d9ff,#b537f2,#ff2e97,#0f8,#00d9ff);background-size:200% 200%;animation:holographic 3s ease infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes holographic{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0a0e27}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#00d9ff,#b537f2);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#b537f2,#ff2e97)}.cyber-input{background:#0a0e2780;border:1px solid rgba(0,217,255,.3);color:#fff;padding:12px 16px;border-radius:4px;font-family:Vazirmatn,sans-serif;transition:all .3s ease}.cyber-input:focus{outline:none;border-color:#00d9ff;box-shadow:0 0 10px #00d9ff4d}.cyber-input::placeholder{color:#fff6}@media(max-width:768px){.cyber-grid{background-size:30px 30px}@keyframes gridMove{to{transform:translate(30px,30px)}}}