@tailwind base;@tailwind components;@tailwind utilities;:root{--brand-cyan: #00d2ff;--brand-cyan-glow: rgba(0, 210, 255, .4);--brand-dark: #050508;--panel-bg: rgba(10, 10, 15, .7)}html{scroll-padding-top:100px;background-color:var(--brand-dark);color-scheme:dark}body{background-color:var(--brand-dark);color:#e2e8f0;overflow-x:hidden;-webkit-font-smoothing:antialiased;selection-background-color:var(--brand-cyan);selection-color:black}.bg-grain:before{content:"";position:fixed;top:-100%;left:-100%;width:300%;height:300%;background-image:url(https://teal-passing-reindeer-818.mypinata.cloud/ipfs/bafybeicm6i46k4q2lqy3f46f4v7p2t2m2v2m2v2m2v2m2v2m2v2m2v2m2v);opacity:.03;pointer-events:none;z-index:9999;animation:grain 8s steps(10) infinite}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-5%,-10%)}20%{transform:translate(-15%,5%)}30%{transform:translate(7%,-25%)}40%{transform:translate(-5%,25%)}50%{transform:translate(-15%,10%)}60%{transform:translate(15%)}70%{transform:translateY(15%)}80%{transform:translate(3%,35%)}90%{transform:translate(-10%,10%)}}::-webkit-scrollbar{width:6px;background:transparent}::-webkit-scrollbar-track{background:#ffffff05}::-webkit-scrollbar-thumb{background:#00d2ff1a;border-radius:10px;transition:all .3s ease}::-webkit-scrollbar-thumb:hover{background:var(--brand-cyan-glow)}@layer components{.btn-cyber{@apply relative inline-flex items-center justify-center gap-3 px-8 py-3.5 rounded-xl overflow-hidden bg-[#00d2ff] text-black font-black text-xs uppercase tracking-[.2em] border border-white/30 shadow-[0_0_40px_rgba(0,210,255,.25)] transition-all duration-500 ease-out z-10 hover:-translate-y-1 hover:shadow-[0_0_60px_rgba(0,210,255,.4)] hover:bg-white active:scale-95;}.btn-glass{@apply relative inline-flex items-center justify-center gap-2 px-6 py-2.5 rounded-xl bg-white/[.03] backdrop-blur-2xl border border-white/10 text-gray-400 font-bold text-xs tracking-widest uppercase transition-all duration-300 hover:bg-white/[.08] hover:border-brand-cyan/40 hover:text-white hover:shadow-[0_0_25px_rgba(0,210,255,.1)];}.fx-panel{@apply relative bg-black/40 backdrop-blur-3xl border border-white/[.06] rounded-2xl overflow-hidden shadow-[0_20px_50px_rgba(0,0,0,.5)] transition-all duration-500;}.fx-panel:after{content:"";@apply absolute inset-0 pointer-events-none rounded-2xl border border-white/[.03] shadow-[inset_0_0_20px_rgba(255,255,255,.02)];}.fx-input{@apply bg-black/40 border border-white/[.08] rounded-xl px-5 py-4 text-sm text-white focus:border-brand-cyan/40 focus:bg-black/60 focus:ring-1 focus:ring-brand-cyan/20 transition-all placeholder-gray-700 font-mono;}.text-glow-cyan{text-shadow:0 0 15px rgba(0,210,255,.5)}.text-glow-white{text-shadow:0 0 10px rgba(255,255,255,.3)}}.animate-float{animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(.5deg)}}.mask-fade-b{mask-image:linear-gradient(to bottom,black 80%,transparent 100%)}