@tailwind base;@tailwind components;@tailwind utilities;.cosmic-toggle{width:100px;height:48px;transform-style:preserve-3d;perspective:500px;position:relative}.toggle{opacity:0;width:0;height:0}.slider{cursor:pointer;transform-style:preserve-3d;background:linear-gradient(45deg,#0f172a,#1e293b);border:1px solid #ffffff0d;border-radius:24px;transition:all .5s;position:absolute;inset:0;overflow:hidden;box-shadow:0 0 15px #00000080,inset 0 0 10px #ffffff05}.cosmos{opacity:.2;background-color:#0000;background-image:radial-gradient(1px 1px at 10% 10%,#fff 100%,#0000),radial-gradient(1px 1px at 50% 40%,#fff 100%,#0000),radial-gradient(1.5px 1.5px at 80% 70%,#fff 100%,#0000);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:200% 200%;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;transition:all .5s;position:absolute;inset:0}.toggle-orb{z-index:2;background:linear-gradient(145deg,#38bdf8,#818cf8);border-radius:50%;width:40px;height:40px;transition:all .6s cubic-bezier(.68,-.55,.265,1.55);position:absolute;bottom:3px;left:4px}.inner-orb{background:linear-gradient(145deg,#0f172a,#1e293b);border-radius:50%;justify-content:center;align-items:center;font-size:10px;font-weight:900;transition:all .5s;display:flex;position:absolute;inset:3px}.toggle:checked+.slider .toggle-orb{background:linear-gradient(145deg,#818cf8,#c084fc);transform:translate(50px)rotate(360deg)}.slider:hover .cosmos{animation:20s linear infinite cosmosPan}@keyframes cosmosPan{0%{background-position:0 0}to{background-position:200% 200%}}.btn-12{-webkit-tap-highlight-color:transparent;color:#fff;cursor:pointer;text-transform:uppercase;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0000;border:1px solid #ffffff1a;border-radius:99rem;justify-content:center;align-items:center;padding:.8rem 2.5rem;font-size:.875rem;font-weight:800;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}.btn-12 span{mix-blend-mode:difference;z-index:10}.btn-12:before,.btn-12:after{content:"";transform:translateY(var(--progress,100%));transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.btn-12:before{background:linear-gradient(90deg,#fff 25%,#0000 0 50%,#fff 0 75%,#0000 0)}.btn-12:after{--progress:-100%;z-index:-1;background:linear-gradient(90deg,#0000 0 25%,#fff 0 50%,#0000 0 75%,#fff 0)}.btn-12:hover:before,.btn-12:hover:after{--progress:0}.btn-12:hover{border-color:#fff;box-shadow:0 0 20px #ffffff1a}.text-gradient{background:linear-gradient(135deg,#fff 30%,#94a3b8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}html{scroll-behavior:smooth;scroll-padding-top:5rem}