html{font-size:14px}*,*:before,*:after{box-sizing:border-box}:root{--color-primary: #FF6B6B;--color-primary-hover: #FF5252;--color-secondary: #4ECDC4;--color-accent: #FFE66D;--color-success: #C7F464;--color-warning: #FF8C42;--color-purple: #D500F9;--color-text: #111111;--color-text-muted: #2d3436;--color-bg: #FFFFFF;--color-card-bg: rgba(255, 255, 255, .9);--gradient-pastel: linear-gradient(135deg, #ff8a80 0%, #ffb74d 14%, #fff176 28%, #aed581 42%, #4fc3f7 57%, #7986cb 71%, #9575cd 85%, #f06292 100%);--font-heading: "Comic Sans MS", "Chalkboard SE", "Fredoka", "Nunito", sans-serif;--font-body: "Nunito", "Fredoka", sans-serif;--radius-lg: 20px;--radius-md: 12px;--shadow-pop: 0px 8px 0px 0px rgba(0, 0, 0, .1);--shadow-float: 0 8px 32px 0 rgba(31, 38, 135, .37)}body{margin:0;padding:0;font-family:var(--font-body);font-weight:600;background:var(--gradient-pastel);background-attachment:fixed;background-size:200% 200%;animation:gradientFlow 15s ease infinite;color:var(--color-text);overflow-x:hidden;min-height:100vh}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:900;color:var(--color-text);letter-spacing:-.5px;text-shadow:2px 2px 0px rgba(255,255,255,.5)}button{cursor:pointer;font-family:var(--font-heading);font-weight:800}.glass-card{background:var(--color-card-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);border:2px solid white;box-shadow:var(--shadow-float);transition:transform .2s,box-shadow .2s}.glass-card:hover{transform:translateY(-3px);box-shadow:0 12px 40px #1f268773}.btn-primary{background:var(--gradient-pastel);background-size:200% auto;color:#fff;color:#4a4a4a;border:2px solid white;padding:10px 24px;border-radius:50px;font-size:1rem;box-shadow:0 4px 10px #0000001a;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;font-weight:900}.btn-primary:hover{background-position:right center;transform:translateY(-2px);box-shadow:0 6px 15px #00000026}.btn-primary:active{transform:translate(2px,2px);box-shadow:2px 2px #0000001a}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#fc0;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#fa0}.loading-bar-container{width:200px;height:6px;background:#eee;border-radius:10px;overflow:hidden;margin:10px auto}.loading-bar{height:100%;background:linear-gradient(90deg,#ff6b6b,#4ecdc4,#ffe66d,#ff6b6b);background-size:200% 100%;animation:loadingShimmer 2s linear infinite;border-radius:10px;width:100%}@keyframes loadingShimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.spinner-emoji{display:inline-block;font-size:3rem}.fade-in{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.animate-float{animation:float 3s ease-in-out infinite}.text-rainbow{background:linear-gradient(to right,#ff6b6b,#4ecdc4,#d500f9,#ff8c42);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:300% 100%;animation:rainbow-move 5s infinite}@keyframes rainbow-move{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.marquee-container{overflow:hidden;white-space:nowrap;width:100%}.marquee-text{display:inline-block;position:relative;animation:marquee-scroll 6s linear infinite;padding-left:0}@keyframes marquee-scroll{0%,25%{left:0;transform:translate(0)}75%,to{left:100%;transform:translate(-100%)}}