@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&display=swap";
:root{--primary:#ff5a5f;--primary-dark:#e04247;--secondary:#00b4d8;--secondary-dark:#0096b4;--accent:#ffd166;--accent-dark:#e5b951;--background:#f0f9ff;--text:#2b2d42;--white:#fff}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;color:var(--text);scroll-behavior:smooth;font-family:Fredoka,sans-serif;overflow-x:hidden}body{background:linear-gradient(-45deg,#ffb5a7,#fcd5ce,#f8edeb,#f9dcc4,#fec89a) 0 0/400% 400%;animation:15s infinite gradientBG}body:before{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(circle,#fff6 0%,#0000 15%),radial-gradient(circle,#fff3 0%,#0000 25%),radial-gradient(circle,#ffffff4d 0%,#0000 20%);background-position:0 0,50px 100px,150px 200px;background-size:200px 200px,350px 350px,500px 500px;width:100vw;height:100vh;animation:40s linear infinite scrollBokeh;position:fixed;top:0;left:0}@keyframes scrollBokeh{0%{background-position:0 0,50px 100px,150px 200px}to{background-position:-200px -200px,-300px -250px,-350px -300px}}@keyframes gradientBG{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}a{color:inherit;text-decoration:none}.gradient-text{background:linear-gradient(135deg, var(--primary), #ff006e);-webkit-text-fill-color:transparent;text-shadow:2px 2px 4px #0000000d;-webkit-background-clip:text}.text-stroke{-webkit-text-stroke:2px white;color:var(--primary);text-shadow:0 4px 10px #0000001a}.glass-container{-webkit-backdrop-filter:blur(16px);background:#fff9;border:3px solid #fffc;border-radius:30px;box-shadow:0 20px 40px #00000014}.btn-3d{cursor:pointer;text-transform:uppercase;letter-spacing:1px;border:none;border-radius:50px;padding:18px 40px;font-family:Fredoka,sans-serif;font-size:1.3rem;font-weight:700;transition:all .15s;display:inline-block;position:relative}.btn-primary{background-color:var(--primary);color:#fff;box-shadow:0 8px 0 var(--primary-dark), 0 15px 20px #ff5a5f66}.btn-primary:active{box-shadow:0 0px 0 var(--primary-dark), 0 5px 10px #ff5a5f66;transform:translateY(8px)}.btn-primary:hover{filter:brightness(1.1)}.btn-secondary{background-color:var(--secondary);color:#fff;box-shadow:0 8px 0 var(--secondary-dark), 0 15px 20px #00b4d866}.btn-secondary:active{box-shadow:0 0px 0 var(--secondary-dark), 0 5px 10px #00b4d866;transform:translateY(8px)}.btn-secondary:hover{filter:brightness(1.1)}@keyframes float{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(5deg)}to{transform:translateY(0)rotate(0)}}.animate-float{animation:6s ease-in-out infinite float}