@tailwind base;@tailwind components;@tailwind utilities;:root{--ez-blue:#3B82F6;--ez-cyan:#06B6D4;--ez-purple:#8B5CF6;--ez-pink:#EC4899;--ez-bg:#080810;--ez-surface:#0F0F1A;--ez-card:#12121F;--ez-border:rgba(255,255,255,.07)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#080810;color:#fff;font-family:Inter,sans-serif;overflow-x:hidden}.font-grotesk,h1,h2,h3,h4{font-family:Space Grotesk,sans-serif}.glass{background:#ffffff0a;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.07)}.glass-hover:hover{background:#ffffff12;border-color:#6366f14d;transition:all .3s ease}.glow-blue{box-shadow:0 0 40px #3b82f633}.glow-purple{box-shadow:0 0 40px #8b5cf633}.glow-cyan{box-shadow:0 0 40px #06b6d433}.text-gradient{background:linear-gradient(135deg,#06b6d4,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-primary{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:0;color:#fff;padding:14px 28px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 20px 40px #3b82f659}.btn-outline{background:transparent;border:1px solid rgba(255,255,255,.15);color:#fff;padding:14px 28px;border-radius:12px;font-weight:600;cursor:pointer}.btn-outline:hover{border-color:#3b82f6;background:#3b82f614}.section-pad{padding:100px 0}.gradient-border{position:relative}.gradient-border:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#3b82f6,#8b5cf6,#06b6d4);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.animate-float{animation:float 6s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:.4}50%{opacity:1}}.animate-pulse-glow{animation:pulse-glow 3s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.animate-blink{animation:blink 1s step-end infinite}@keyframes bar-grow{0%{transform:scaleY(.2)}to{transform:scaleY(1)}}.animate-bar{animation:bar-grow 1.2s ease-in-out infinite alternate;transform-origin:bottom}@keyframes scan{0%{top:0}to{top:100%}}.animate-scan{animation:scan 2.5s linear infinite}@keyframes fade-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in .5s ease forwards}@keyframes rotate-slow{to{transform:rotate(360deg)}}.animate-rotate-slow{animation:rotate-slow 20s linear infinite}@keyframes particle-rise{0%{opacity:0;transform:translateY(60px) scale(0)}50%{opacity:1}to{opacity:0;transform:translateY(-60px) scale(1.5)}}.animate-particle{animation:particle-rise 3s ease-in-out infinite}.card-tilt,.port-card{transition:transform .35s ease,box-shadow .35s ease}.card-tilt:hover,.port-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 30px 60px #00000080}.shimmer-bar{position:relative;overflow:hidden}.shimmer-bar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);animation:shimmer 2s infinite}@keyframes shimmer{to{transform:translate(100%)}}.neon-cyan{text-shadow:0 0 10px rgba(6,182,212,.8),0 0 30px rgba(6,182,212,.4)}.step-line{height:2px;background:linear-gradient(90deg,#06b6d4,#3b82f6,#8b5cf6);position:relative}.input{width:100%;height:48px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;border-radius:12px;padding:0 16px;color:#fff;outline:none}.textarea{height:128px;padding:14px 16px;resize:vertical}