@tailwind base;@tailwind components;@tailwind utilities;body{background-color:#020617;color:#e2e8f0;font-size:18px;overflow-x:hidden}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.cyber-grid{position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(56,189,248,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.05) 1px,transparent 1px);background-size:60px 60px;z-index:-1;-webkit-mask-image:radial-gradient(circle at center,black 40%,transparent 90%);mask-image:radial-gradient(circle at center,black 40%,transparent 90%)}.reveal{opacity:0;transform:translateY(50px);transition:all 1s cubic-bezier(.5,0,0,1)}.reveal.active{opacity:1;transform:translateY(0)}.phone-mockup{border:12px solid #1e293b;border-radius:55px;overflow:hidden;position:relative;background:#0f172a;aspect-ratio:9/19;width:100%;max-width:300px;margin:0 auto;transform-style:preserve-3d;will-change:transform;transform:perspective(1000px) rotateX(20deg) rotateY(20deg) rotate(-10deg) scale(.85) translateY(20px);box-shadow:-30px 50px 50px -20px #00000080}.phone-modal{border:14px solid #1e293b;border-radius:60px;overflow:hidden;position:relative;background:#0f172a;aspect-ratio:9/19;height:85vh;width:auto;box-shadow:0 50px 100px -20px #000c}.notch{position:absolute;top:0;left:50%;transform:translate(-50%);width:40%;height:25px;background:#1e293b;border-bottom-left-radius:12px;border-bottom-right-radius:12px;z-index:50}iframe{border:none;width:100%;height:100%;background:#fff}.behind-3d{transform:translateZ(-200px) scale(1.5);pointer-events:none}