.floating-decorations{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.floating-decorations .float{position:absolute;color:hsla(0,0%,100%,.1);font-size:24px;animation:float 6s ease-in-out infinite}.floating-decorations .float.float-1{top:20%;left:10%;animation-delay:0s}.floating-decorations .float.float-2{top:60%;left:80%;animation-delay:1s}.floating-decorations .float.float-3{top:30%;left:70%;animation-delay:2s}.floating-decorations .float.float-4{top:80%;left:20%;animation-delay:3s}.floating-decorations .float.float-5{top:10%;left:50%;animation-delay:4s}@keyframes float{0%,to{transform:translateY(0) rotate(0deg);opacity:.1}50%{transform:translateY(-20px) rotate(180deg);opacity:.3}}.icon-circle{display:flex;align-items:center;justify-content:center;border-radius:9999px;width:3rem;height:3rem;font-size:2.5rem;font-family:Fredoka,sans-serif;font-weight:700;line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.icon-circle,.icon-circle.primary{background:rgba(0,0,0,0);color:#ffd100}.icon-circle.primary{box-shadow:none}.icon-circle.secondary{color:#08f;background:rgba(0,0,0,0);box-shadow:none;font-weight:300}.icon-circle.accent{background:#ff6b00;color:#fff;box-shadow:0 4px 16px 0 rgba(0,0,0,.08)}.icon-circle.blue-100{background:#cce6ff;color:#08f;box-shadow:0 4px 16px 0 rgba(0,0,0,.08)}.icon-circle.orange-100{background:#ffe5cc;color:#ff6b00;box-shadow:0 4px 16px 0 rgba(0,0,0,.08)}.header{position:fixed;top:0;left:0;right:0;background:hsla(0,0%,100%,.9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50;padding:1rem .75rem;box-shadow:0 2px 12px 0 rgba(0,0,0,.07)}.header .container{justify-content:space-between;max-width:1200px;margin:0 auto;padding:0}.header .container,.header__left,.header__logo-circle{display:flex;align-items:center}.header__logo-circle{background:#ffd100;border-radius:9999px;padding:.5rem;margin-right:.5rem;justify-content:center;width:2.5rem;height:2.5rem}.header__logo-icon{color:#fff;font-size:1.5rem}.header__logo-text{font-size:2rem;font-weight:700;background:linear-gradient(90deg,#08f,#ff6b00);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.header__nav{display:none}@media(width >= 768px){.header__nav{display:flex;align-items:center;gap:1.5rem}}.header__nav a{font-weight:500;font-size:1rem;color:#222;cursor:pointer;transition:color .18s;text-decoration:none}.header__nav a:hover{color:#08f}.header__nav span{font-weight:500;font-size:1rem;color:#222;cursor:pointer;transition:color .18s}.header__nav span:hover{color:#08f}.header__actions{display:flex;align-items:center;gap:.75rem}.header__sign-in{display:none}@media(width >= 768px){.header__sign-in{display:inline-block;padding:.5rem 1.25rem;border:2px solid #08f;color:#08f;font-weight:500;border-radius:9999px;background:#fff;cursor:pointer;transition:all .18s}.header__sign-in:hover{background:#08f;color:#fff}}.header__play-now{padding:.5rem 1.25rem;background:#ffd100;color:#fff;font-weight:500;border-radius:9999px;cursor:pointer;box-shadow:0 4px 16px 0 rgba(255,209,0,.18);font-size:1rem;transition:all .18s,box-shadow .18s;border:none}.header__play-now:hover{background:rgb(229.5,188.1,0);transform:scale(1.05);box-shadow:0 6px 24px 0 rgba(255,209,0,.22)}.header__play-now:focus{outline:none;box-shadow:0 0 0 2px #ffd100}