.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}