@tailwind base;@tailwind components;@tailwind utilities;body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.mythic-gradient{position:relative;min-height:100vh;background:linear-gradient(45deg,#0a192f,#112240,#1a365d,#2a4365);background-size:400% 400%;animation:gradientBG 15s ease infinite;overflow:hidden}.mythic-gradient:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,rgba(99,102,241,.15),rgba(79,70,229,.1),transparent 70%);pointer-events:none}.mythic-gradient:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(99,102,241,.1) 0%,transparent 20%,transparent 80%,rgba(79,70,229,.1) 100%);pointer-events:none}@keyframes gradientBG{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.mythic-grid{position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(99,102,241,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(99,102,241,.1) 1px,transparent 1px);background-size:20px 20px;pointer-events:none}.mythic-particles{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;pointer-events:none}.particle{position:absolute;width:2px;height:2px;background:#6366f180;border-radius:50%;animation:float 20s infinite linear}.particle:nth-child(1){left:10%;top:20%;animation-delay:0s}.particle:nth-child(2){left:20%;top:40%;animation-delay:-5s}.particle:nth-child(3){left:30%;top:60%;animation-delay:-10s}.particle:nth-child(4){left:40%;top:80%;animation-delay:-15s}.particle:nth-child(5){left:50%;top:20%;animation-delay:-2s}.particle:nth-child(6){left:60%;top:40%;animation-delay:-7s}.particle:nth-child(7){left:70%;top:60%;animation-delay:-12s}.particle:nth-child(8){left:80%;top:80%;animation-delay:-17s}@keyframes float{0%{transform:translateY(0) translate(0);opacity:0}50%{opacity:1}to{transform:translateY(-100vh) translate(100px);opacity:0}}.content-overlay{position:relative;z-index:1;color:#fff}.glow-text{text-shadow:0 0 10px rgba(99,102,241,.5)}