@charset "UTF-8";*{box-sizing:border-box}body{margin:0;padding:0;background-color:#f8f6f6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}section,footer{padding:4rem 60px}@media only screen and (max-width:768px){section,footer{padding-left:1rem;padding-right:1rem}}.btn-yellow{background-color:#fab005;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-weight:600;cursor:pointer;font-size:14px;transition:background .15s}.btn-yellow:hover{background-color:#f59f00}.btn-yellow:disabled{opacity:.6;cursor:not-allowed}.btn-yellow.btn-rounded{border-radius:100px;padding:10px 24px;font-size:15px}.btn-yellow.btn-full{width:100%;padding:12px;font-size:16px;border-radius:8px}.btn-default{background-color:#fff;color:#333;border:1px solid #ccc;padding:10px 20px;border-radius:6px;font-weight:500;cursor:pointer;font-size:14px;transition:background .15s}.btn-default:hover{background-color:#f5f5f5}.btn-default.btn-rounded{border-radius:100px;padding:10px 24px;font-size:15px}.btn-white{background-color:#fff;color:#333;border:none;padding:10px 24px;border-radius:6px;font-weight:600;cursor:pointer;font-size:14px}.btn-white:hover{background-color:#f5f5f5}.game-header{position:fixed;top:0;left:0;right:0;z-index:200;background:#0808128c;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(250,176,5,.15);transition:background .3s ease,box-shadow .3s ease}.game-header--scrolled{background:#080812eb;box-shadow:0 4px 32px #00000080,0 1px #fab00540}.game-header--light{background:#fffffff2;border-bottom-color:#00000014}.game-header--light .game-nav-link{color:#1e1e1ebf}.game-header--light .game-nav-link:hover{color:#fab005;background:#fab00514}.game-header--light .game-nav-link--dropdown.active{color:#fab005}.game-header--light .game-nav-chevron{opacity:.5}.game-header--light.game-header--scrolled{background:#fffffffa;box-shadow:0 4px 24px #00000014}.game-header__inner{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:0 40px;height:60px}@media(max-width:768px){.game-header__inner{padding:0 20px;height:56px}}.game-header__logo{display:flex;align-items:center;text-decoration:none;flex-shrink:0}.game-header__logo img{height:68px;object-fit:contain;transform:translateY(6px)}@media(max-width:768px){.game-header__logo img{height:50px;transform:translateY(4px)}}.game-header__nav{display:flex;align-items:center;gap:8px}@media(max-width:768px){.game-header__nav{display:none}}.game-nav-link{position:relative;padding:8px 16px;color:#ffffffbf;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;text-decoration:none;border-radius:6px;transition:color .2s ease,background .2s ease}.game-nav-link:after{content:"";position:absolute;bottom:2px;left:50%;transform:translate(-50%) scaleX(0);width:60%;height:2px;background:linear-gradient(90deg,#fab005,#fd7e14);border-radius:2px;transition:transform .25s ease;box-shadow:0 0 8px #fab005b3}.game-nav-link:hover{color:#fab005;background:#fab00514}.game-nav-link:hover:after{transform:translate(-50%) scaleX(1)}.game-nav-dropdown-wrapper{position:relative;display:flex;align-items:center}.game-nav-link--dropdown{display:flex;align-items:center;gap:5px;-webkit-user-select:none;user-select:none}.game-nav-link--dropdown.active{color:#fab005;background:#fab00514}.game-nav-link--dropdown.active:after{transform:translate(-50%) scaleX(1)}.game-nav-chevron{transition:transform .2s ease;opacity:.7}.game-nav-chevron.rotated{transform:rotate(180deg);opacity:1}.game-dropdown-menu{position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%);background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:8px;min-width:220px;box-shadow:0 16px 48px #0000001f,0 2px 8px #0000000f;animation:dropdown-in .15s ease;z-index:300}@keyframes dropdown-in{0%{opacity:0;transform:translate(-50%) translateY(-6px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.game-dropdown-arrow{position:absolute;top:-6px;left:50%;transform:translate(-50%) rotate(45deg);width:10px;height:10px;background:#fff;border-left:1px solid rgba(0,0,0,.08);border-top:1px solid rgba(0,0,0,.08);border-radius:2px 0 0}.game-dropdown-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;background:none;border:none;border-radius:8px;cursor:pointer;text-align:left;transition:background .15s ease}.game-dropdown-item:hover{background:#fab0051a}.game-dropdown-item:hover .game-dropdown-item__label,.game-dropdown-item:hover .game-dropdown-item__icon{color:#fab005}.game-dropdown-item__icon{color:#fab00599;flex-shrink:0;transition:color .15s ease}.game-dropdown-item__text{display:flex;flex-direction:column;gap:2px}.game-dropdown-item__label{color:#1a1a2e;font-size:13px;font-weight:700;letter-spacing:.3px;transition:color .15s ease}.game-dropdown-item__desc{color:#888;font-size:11px;font-weight:400}.game-drawer__section-label{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#fab00580;padding:4px 14px;margin-top:4px}.game-drawer__link--sub{background:#fab0050a;padding-left:24px!important;font-size:13px!important}.game-header__actions{display:flex;align-items:center;gap:12px}.game-music-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:1.5px solid rgba(255,255,255,.2);background:transparent;color:#ffffff80;cursor:pointer;transition:color .2s,border-color .2s,background .2s;flex-shrink:0}.game-header--light .game-music-btn{border-color:#00000026;color:#0006}.game-music-btn:hover{color:#fab005;border-color:#fab005;background:#fab00514}.game-music-btn--on{color:#fab005;border-color:#fab005;background:#fab0051a}.game-login-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 4px;background:none;border:none;cursor:pointer;font-size:14px;font-weight:600;white-space:nowrap;transition:opacity .2s ease;color:#333}.game-header:not(.game-header--light) .game-login-btn{color:#fff}.game-login-btn:hover{opacity:.65}.game-login-btn--full{width:100%;justify-content:center;padding:12px;font-size:15px;border:1.5px solid rgba(0,0,0,.15);border-radius:10px;color:#333;margin-bottom:8px}.game-login-btn--full:hover{opacity:1;background:#0000000a}@media(max-width:768px){.game-login-btn{display:none}.game-login-btn--full{display:inline-flex}}.game-cta-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 22px;background:linear-gradient(135deg,#fab005,#fd7e14);color:#fff;font-size:14px;font-weight:700;letter-spacing:.3px;border:none;border-radius:100px;cursor:pointer;white-space:nowrap;box-shadow:0 4px 14px #fab00566;transition:box-shadow .2s ease,transform .15s ease,filter .2s ease}.game-cta-btn:hover{filter:brightness(1.08);box-shadow:0 6px 20px #fab0058c;transform:translateY(-1px)}.game-cta-btn:active{transform:translateY(0)}.game-cta-btn--full{width:100%;justify-content:center;padding:13px 22px;font-size:15px;border-radius:100px}@media(max-width:768px){.game-cta-btn{display:none}.game-cta-btn--full{display:inline-flex}}.game-burger{display:none;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#fff;width:40px;height:40px;border-radius:8px;cursor:pointer;align-items:center;justify-content:center;transition:background .2s ease,border-color .2s ease}.game-burger:hover{background:#fab0051f;border-color:#fab00566;color:#fab005}@media(max-width:768px){.game-burger{display:flex}}.game-header--light .game-burger{background:#0000000a;border-color:#00000026;color:#333}.game-header--light .game-burger:hover{background:#fab0051a;border-color:#fab005;color:#fab005}.game-drawer-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:300;display:flex;justify-content:flex-end}.game-drawer{background:linear-gradient(180deg,#0e0e1e,#12121f);border-left:1px solid rgba(250,176,5,.2);width:min(300px,85vw);height:100%;padding:28px 24px;display:flex;flex-direction:column;gap:32px;box-shadow:-8px 0 40px #0009}.game-drawer__logo{padding-bottom:20px;border-bottom:1px solid rgba(250,176,5,.15)}.game-drawer__logo img{height:56px;object-fit:contain}.game-drawer__nav{display:flex;flex-direction:column;gap:4px;flex:1}.game-drawer__link{display:flex;align-items:center;gap:10px;padding:12px 14px;color:#ffffffb3;font-size:15px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;text-decoration:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.game-drawer__link:hover{color:#fab005;background:#fab0051a;padding-left:20px}.game-drawer__icon{color:#fab005;flex-shrink:0}.game-drawer__footer{display:flex;flex-direction:column;gap:14px;padding-top:20px;border-top:1px solid rgba(250,176,5,.15)}.game-drawer__email{text-align:center;font-size:12px;color:#ffffff59;text-decoration:none}.game-drawer__email:hover{color:#fab005}.hero-banner{position:relative;width:100%;min-height:100vh;display:flex;align-items:center;overflow:hidden}.hero-banner__bg{position:absolute;inset:0;z-index:0}.hero-banner__row{position:relative;z-index:2;width:100%;display:flex;align-items:center;gap:48px;padding:0 80px;max-width:1300px;margin:0 auto}@media(max-width:1024px){.hero-banner__row{padding:0 48px;gap:36px}}@media(max-width:768px){.hero-banner__row{flex-direction:column;padding:80px 24px 60px;gap:32px}}.hero-banner__content{flex:1;min-width:0;text-align:left}@media(max-width:768px){.hero-banner__content{text-align:center}}.hero-banner__cover{flex:0 0 44%;max-width:500px;aspect-ratio:16/9;border-radius:20px;overflow:hidden;box-shadow:0 12px 48px #0000002e;outline:2px solid rgba(255,255,255,.75)}.hero-banner__cover img{width:100%;height:100%;display:block}@media(max-width:1024px){.hero-banner__cover{flex:0 0 40%}}@media(max-width:768px){.hero-banner__cover{flex:none;width:100%;max-width:100%;aspect-ratio:16/9}}.hero-banner__badge{display:inline-flex;align-items:center;font-size:12px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;margin:0 0 18px}.hero-banner__title{font-size:clamp(2.4rem,5vw,3.8rem);font-weight:900;color:#1a1a2e;line-height:1.1;letter-spacing:-1px;margin:0 0 20px}.hero-banner__desc{font-size:16px;color:#444;line-height:1.75;margin:0 0 32px;max-width:520px}@media(max-width:768px){.hero-banner__desc{margin-left:auto;margin-right:auto}}.hero-banner__actions{display:flex;gap:12px;flex-wrap:wrap}@media(max-width:768px){.hero-banner__actions{justify-content:center}}.hero-banner__btn-primary{display:inline-flex;align-items:center;gap:7px;padding:13px 28px;color:#fff;font-size:15px;font-weight:700;border:none;border-radius:100px;cursor:pointer;transition:filter .2s ease,transform .15s ease;box-shadow:0 4px 20px #00000026}.hero-banner__btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px)}.hero-banner__btn-primary:active{transform:translateY(0)}.hero-banner__btn-secondary{display:inline-flex;align-items:center;padding:13px 28px;background:#fff;color:#333;font-size:15px;font-weight:600;border:1.5px solid rgba(0,0,0,.12);border-radius:100px;cursor:pointer;transition:background .2s ease,transform .15s ease}.hero-banner__btn-secondary:hover{background:#f5f5f5;transform:translateY(-2px)}.hero-banner__btn-secondary:active{transform:translateY(0)}.hero-banner__dots{position:absolute;bottom:36px;left:80px;display:flex;gap:8px;z-index:3}@media(max-width:768px){.hero-banner__dots{left:50%;transform:translate(-50%)}}.hero-banner__dot{width:8px;height:8px;border-radius:50%;background:#0003;border:none;cursor:pointer;transition:all .3s ease;padding:0}.hero-banner__dot--active{width:24px;border-radius:4px;background:var(--dot-color)}.hero-banner__progress{position:absolute;bottom:0;left:0;height:3px;width:100%;transform-origin:left;z-index:3;opacity:.6}.about-content{max-width:680px}@media(max-width:768px){.about-content{text-align:center}}.buttons{display:flex;gap:12px;flex-wrap:wrap}@media(max-width:768px){.buttons{justify-content:center}}#about{padding:0}.site-footer{background:#fff;border-top:1px solid #ebebeb;padding:14px 24px}.site-footer__inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}@media(max-width:600px){.site-footer__inner{flex-direction:column;text-align:center;gap:10px}}.site-footer__copy{font-size:12px;color:#aaa;margin:0;font-style:italic}.site-footer__sep{margin:0 6px;color:#ccc;font-style:normal}.site-footer__socials{display:flex;gap:14px;flex-shrink:0}.site-footer__social{display:flex;align-items:center;color:#bbb;text-decoration:none;transition:color .15s}.site-footer__social:hover{color:#fab005}.daftar-bg{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f8f6f6;padding:20px}.daftar-container{width:100%;max-width:400px}.daftar-card{background:#fff;border-radius:12px;padding:32px;box-shadow:0 2px 16px #0000001a}.daftar-card h2{margin:0 0 4px;font-size:1.4rem}.form-group{margin-bottom:16px}.form-label{display:block;font-size:14px;font-weight:500;margin-bottom:6px;color:#333}.required{color:red}.form-input{width:100%;padding:10px 12px;border:1px solid #dee2e6;border-radius:6px;font-size:14px;outline:none;transition:border-color .15s}.form-input:focus{border-color:#fab005;box-shadow:0 0 0 2px #fab00533}.pw-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:16px;padding:0}.alert-error{background:#fff5f5;border:1px solid #f03e3e;color:#c92a2a;border-radius:8px;padding:12px 16px;margin-bottom:16px;font-size:14px}.pengantar-showcase{display:flex;align-items:flex-end;justify-content:center;background:#fff;overflow:hidden;padding:0;min-height:460px}@media(max-width:768px){.pengantar-showcase{flex-direction:column;align-items:center;padding:40px 20px 0;min-height:unset}}.pengantar-showcase__char{flex:0 0 280px;display:flex;align-items:flex-end}.pengantar-showcase__char img{width:100%;height:auto;display:block;object-fit:contain}@media(max-width:1024px){.pengantar-showcase__char{flex:0 0 200px}}@media(max-width:768px){.pengantar-showcase__char{flex:none;width:180px;order:2}}.pengantar-showcase__char--left{justify-content:flex-end}@media(max-width:768px){.pengantar-showcase__char--left{order:2}}.pengantar-showcase__char--right{justify-content:flex-start}@media(max-width:768px){.pengantar-showcase__char--right{order:3}}.pengantar-showcase__center{flex:1;max-width:520px;text-align:center;padding:60px 40px 48px}@media(max-width:768px){.pengantar-showcase__center{order:1;padding:0 0 32px}}.pengantar-showcase__sub{font-size:15px;color:#555;margin:0 0 10px;line-height:1.5}.pengantar-showcase__heading{font-size:clamp(2.2rem,5vw,3.2rem);font-weight:900;color:#1a1a2e;margin:0 0 6px;line-height:1.1;letter-spacing:-1px}.pengantar-showcase__accent{font-size:clamp(1.6rem,3.5vw,2.2rem);font-weight:900;color:#e63946;margin:0 0 24px;letter-spacing:-.5px}.pengantar-showcase__desc{font-size:14px;color:#555;line-height:1.75;margin:0 0 12px}.pengantar-showcase__highlight{color:#fab005;font-weight:700}.pengantar-story{background:#f7f8fc;padding:0 0 80px}.pengantar-story__row{display:flex;align-items:center;justify-content:center;gap:64px;max-width:1100px;margin:0 auto;padding:72px 40px}.pengantar-story__row--reverse{flex-direction:row-reverse}@media(max-width:768px){.pengantar-story__row{flex-direction:column!important;gap:36px;padding:48px 20px}}.pengantar-story__text{flex:1;max-width:480px}@media(max-width:768px){.pengantar-story__text{max-width:100%}}.pengantar-story__heading{font-size:clamp(2rem,4vw,2.8rem);font-weight:900;line-height:1.1;letter-spacing:-.5px;margin:0 0 24px}.pengantar-story__heading--blue{color:#1565c0}.pengantar-story__heading--orange{color:#e85d04}.pengantar-story__heading--pink{color:#d81b60}.pengantar-story__heading--green{color:#2e7d32}.pengantar-story__desc{font-size:14.5px;color:#444;line-height:1.8;margin:0 0 14px}.pengantar-story__desc em{font-style:normal;font-weight:700}.pengantar-story__img-wrap{position:relative;flex:0 0 320px;height:320px}@media(max-width:1024px){.pengantar-story__img-wrap{flex:0 0 260px;height:260px}}@media(max-width:768px){.pengantar-story__img-wrap{flex:none;width:260px;height:260px}}.pengantar-story__circle{border-radius:50%;overflow:hidden;position:absolute}.pengantar-story__circle img{width:100%;height:100%;object-fit:cover;display:block}.pengantar-story__circle--lg{width:100%;height:100%;top:0;left:0}.pengantar-story__circle--sm{width:38%;height:38%;bottom:0;right:-8%;border:3px solid #fff;box-shadow:0 4px 20px #00000026;z-index:2}.guides-hero{min-height:320px;display:flex;align-items:center;background:linear-gradient(135deg,#09090f,#161626 60%,#1a1208);padding:100px 40px 60px;position:relative;overflow:hidden}.guides-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 20% 50%,rgba(250,176,5,.08) 0%,transparent 70%);pointer-events:none}@media(max-width:768px){.guides-hero{padding:100px 20px 48px}}.guides-hero__inner{max-width:720px;margin:0 auto;text-align:center;position:relative}.guides-hero__badge{display:inline-flex;align-items:center;gap:6px;background:#fab0051f;border:1px solid rgba(250,176,5,.3);color:#fab005;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:5px 14px;border-radius:100px;margin-bottom:20px}.guides-hero__title{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:900;color:#fff;margin:0 0 14px;letter-spacing:-.5px;line-height:1.15}.guides-hero__sub{font-size:16px;color:#ffffff8c;margin:0 0 28px;line-height:1.6}.guides-breadcrumb{background:#f4f3f0;padding:12px 40px;display:flex;align-items:center;gap:8px;font-size:13px}@media(max-width:768px){.guides-breadcrumb{padding:10px 20px}}.guides-breadcrumb__link{color:#888;cursor:pointer;transition:color .15s}.guides-breadcrumb__link:hover{color:#fab005}.guides-breadcrumb__link--active{color:#fab005;font-weight:600;cursor:default}.guides-breadcrumb__sep{color:#ccc}.guides-main{display:flex;gap:32px;max-width:1100px;margin:0 auto;padding:48px 40px 80px;align-items:flex-start}@media(max-width:768px){.guides-main{flex-direction:column;padding:32px 20px 60px}}.guides-sidebar{flex:0 0 220px;position:sticky;top:80px;background:#fff;border:1px solid #eee;border-radius:12px;padding:20px}@media(max-width:768px){.guides-sidebar{position:static;flex:none;width:100%}}.guides-sidebar__title{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:#fab005;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid #f0e9d0}.guides-sidebar__nav{display:flex;flex-direction:column;gap:2px}.guides-sidebar__link{display:block;padding:8px 10px;font-size:13px;font-weight:500;color:#666;text-decoration:none;border-radius:6px;transition:all .15s ease;border-left:2px solid transparent}.guides-sidebar__link:hover{color:#fab005;background:#fab0050f;border-left-color:#fab005}.guides-sidebar__link--active{color:#fab005;background:#fab00514;border-left-color:#fab005;font-weight:700}.guides-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:48px}.guides-section__title{display:flex;align-items:center;gap:14px;font-size:1.4rem;font-weight:800;color:#1a1a1a;margin:0 0 24px;padding-bottom:14px;border-bottom:2px solid #f0e9d0}.guides-section__num{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:linear-gradient(135deg,#fab005,#fd7e14);color:#fff;font-size:13px;font-weight:900;border-radius:8px;flex-shrink:0}.guides-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:48px 24px;background:#fafaf8;border:2px dashed #e8e0c8;border-radius:12px;color:#bbb;text-align:center}.guides-placeholder p{margin:0;font-size:14px}.char-page{max-width:1160px;margin:0 auto;padding:40px}@media(max-width:768px){.char-page{padding:28px 16px 32px}}.char-search-wrap{position:relative;display:flex;align-items:center;max-width:420px;margin:0 auto 40px}.char-search-icon{position:absolute;left:14px;color:#aaa;pointer-events:none}.char-search{width:100%;padding:10px 40px 10px 42px;border:1.5px solid #e0e0e0;border-radius:100px;font-size:14px;background:#fff;color:#333;outline:none;transition:border-color .15s,box-shadow .15s}.char-search:focus{border-color:#fab005;box-shadow:0 0 0 3px #fab0051f}.char-search-clear{position:absolute;right:12px;background:none;border:none;cursor:pointer;color:#aaa;display:flex;align-items:center;padding:2px}.char-search-clear:hover{color:#555}.char-section{margin-bottom:20px;padding:0}.char-section__title{font-size:1.5rem;font-weight:800;color:#1a1a1a;margin:0 0 20px;display:flex;align-items:center;gap:10px}.char-section__count{font-size:13px;font-weight:700;color:#fff;background:#fab005;border-radius:100px;padding:2px 10px}.char-section__tooltip{font-size:14px;color:#aaa;cursor:help;font-weight:400}.char-empty{text-align:center;padding:60px 20px;color:#999;font-size:15px}.char-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:12px}@media(max-width:480px){.char-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}}.char-card{display:flex;flex-direction:column;gap:0;border:none;border-radius:14px;cursor:pointer;padding:10px 10px 12px;text-align:left;transition:transform .18s,box-shadow .18s;position:relative;overflow:hidden}.char-card:after{content:"";position:absolute;inset:0;background:#fff0;transition:background .18s;border-radius:14px}.char-card:hover{transform:translateY(-4px);box-shadow:0 12px 36px #00000047}.char-card:hover:after{background:#ffffff12}.char-card:hover .char-card__avatar{transform:scale(1.05)}.char-card:active{transform:translateY(0)}.char-card__avatar-wrap{width:100%;height:110px;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;margin-bottom:8px;position:relative}@media(max-width:480px){.char-card__avatar-wrap{height:90px}}.char-card__avatar{height:100%;width:100%;object-fit:contain;object-position:bottom center;display:block;transition:transform .25s ease;filter:drop-shadow(0 4px 8px rgba(0,0,0,.25))}.char-card__badge{font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:#ffffffb3;margin-bottom:8px;display:block}.char-card__body{flex:1;margin-bottom:10px;text-align:center}.char-card__name{font-size:14px;font-weight:800;color:#fff;margin:0 0 3px;line-height:1.2;word-break:keep-all}.char-card__catch{font-size:10.5px;color:#ffffffa6;margin:0;line-height:1.4}.char-card__stats{display:flex;flex-direction:column;gap:4px}.char-card__stat-row{display:grid;grid-template-columns:28px 1fr 16px;align-items:center;gap:4px;font-size:10px;font-weight:700;color:#fff9}.char-card__bar-track{display:flex;gap:2px}.char-card__bar-seg{height:4px;flex:1;border-radius:2px;transition:background .2s}.char-disclaimer{text-align:center;font-size:12px;color:#aaa;margin:-24px 0 32px;padding:0 20px}.char-modal-overlay{position:fixed;inset:0;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;overflow-y:auto}.char-modal{position:relative;background:#fff;border-radius:16px;width:100%;max-width:1020px;max-height:90vh;overflow-y:auto;box-shadow:0 24px 80px #0000004d;animation:modalIn .2s ease}@media(max-width:768px){.char-modal{max-height:95vh;border-radius:12px}}@keyframes modalIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.char-modal__close{position:absolute;top:16px;right:16px;z-index:10;background:#00000014;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#555;transition:background .15s,color .15s}.char-modal__close:hover{background:#00000026;color:#000}.char-modal__state{display:flex;flex-direction:column;align-items:center;gap:16px;padding:80px 40px;color:#888;font-size:14px}.char-modal__spinner{width:36px;height:36px;border:3px solid #eee;border-top-color:#fab005;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.char-modal__header{background:linear-gradient(135deg,#f0f9ff,#fefce8);padding:28px 36px 24px;border-bottom:1px solid #e8f0f8;border-radius:16px 16px 0 0}@media(max-width:768px){.char-modal__header{padding:20px 20px 18px}}.char-modal__header-title{display:flex;align-items:center;gap:14px;margin-bottom:12px}.char-modal__header-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;object-position:top center;flex-shrink:0;border:3px solid #fff;box-shadow:0 2px 12px #00000026}@media(max-width:768px){.char-modal__header-avatar{width:52px;height:52px}}.char-modal__catchphrase{display:block;font-size:13px;color:#475467;margin-bottom:3px;font-weight:500}.char-modal__name{font-size:clamp(1.6rem,4vw,2.4rem);font-weight:900;color:#2fb5ff;margin:0;line-height:1.1;letter-spacing:-.5px}.char-modal__comments{font-size:13.5px;color:#555;line-height:1.7;margin:0;white-space:pre-line;max-width:680px}.char-modal__body{display:grid;grid-template-columns:320px 1fr 260px;gap:0;min-height:420px}@media(max-width:1024px){.char-modal__body{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}}@media(max-width:600px){.char-modal__body{grid-template-columns:1fr}}.char-modal__left{padding:28px 24px;border-right:1px solid #f0f0f0;display:flex;flex-direction:column;gap:24px;overflow-y:auto}@media(max-width:1024px){.char-modal__left{border-right:none;border-bottom:1px solid #f0f0f0}}.char-modal__center{display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#f0f9ff,#e0f2fe);overflow:hidden;min-height:340px;padding:16px 8px}@media(max-width:600px){.char-modal__center{order:-1;min-height:220px;padding:12px 8px}}.char-modal__art{width:100%;height:100%;object-fit:contain;object-position:center;display:block;filter:drop-shadow(0 6px 24px rgba(0,0,0,.18))}@media(max-width:600px){.char-modal__art{max-height:220px;height:auto}}.char-modal__right{padding:20px 16px;border-left:1px solid #f0f0f0;display:flex;flex-direction:column;gap:20px;overflow-y:auto}@media(max-width:1024px){.char-modal__right{border-left:none;border-top:1px solid #f0f0f0}}.char-modal__right .char-modal__section-title{margin-bottom:10px}.char-modal__section-title{font-size:15px;font-weight:700;color:#1a1a1a;margin:0 0 10px;display:flex;align-items:center;gap:6px}.char-modal__exclusive{background:#f9fafb;border-radius:8px;padding:14px 16px;font-size:13px;color:#475467;line-height:1.7;min-height:80px;white-space:pre-line}.char-modal__exclusive p{margin:0 0 4px}.char-modal__exclusive p:last-child{margin:0}.char-modal__balance-lbl{font-weight:700;color:#2fb5ff}.char-modal__table{width:100%;border-collapse:collapse;font-size:12.5px}.char-modal__table thead tr{background:#f9fafb}.char-modal__table th{padding:8px 10px;font-weight:700;color:#344054;text-align:center;border:1px solid #E5E7EB;font-size:12px}.char-modal__table td{padding:6px 10px;color:#475467;border:1px solid #E5E7EB;text-align:center}.char-modal__table td:first-child{text-align:left}.char-modal__table td sup{color:#2fb5ff;font-weight:700;font-size:10px;margin-left:2px}.char-modal__table tr:nth-child(2n) td{background:#fafafa}.char-modal__footnotes{font-size:11px;color:#888;line-height:1.6;padding-top:8px;border-top:1px solid #eee}.char-modal__footnotes p{margin:0 0 3px}.char-modal__footnotes sup{color:#2fb5ff;font-weight:700;margin-right:2px}.char-modal__chart{width:100%;padding:0 4px}.char-chart-svg{display:block;width:100%;height:auto}.char-modal__credit{font-size:10.5px;color:#aaa;text-align:center;line-height:1.6;margin:0;padding:8px 4px 0;border-top:1px solid #f0f0f0}.char-modal__logo{display:block;width:80%;max-width:180px;margin:12px auto 0;opacity:.75;filter:drop-shadow(0 2px 6px rgba(0,0,0,.08))}.char-modal__profile{width:100%;border-collapse:collapse;font-size:12.5px}.char-modal__profile td{padding:8px 10px;border:1px solid #E5E7EB;color:#475467}.char-modal__profile td:first-child{font-weight:700;color:#344054;white-space:nowrap;background:#f9fafb;width:110px}.char-modal__profile tr:nth-child(2n) td:first-child{background:#f3f4f6}.cs-page{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:40px 20px}.cs-page--login{background:linear-gradient(135deg,#fff8e1,#fffde7,#fff3cd)}.cs-page--daftar{background:linear-gradient(135deg,#fce4ec,#fdf1f5,#f8bbd0)}.cs-page__bg{position:absolute;inset:0;pointer-events:none;z-index:0}.cs-page__star{position:absolute;border-radius:50%;background:#fab005;opacity:0;animation:cs-twinkle 2s ease-in-out infinite}.cs-page--daftar .cs-page__star{background:#e91e63}.cs-page__star--pink{background:#e91e63!important}@keyframes cs-twinkle{0%,to{opacity:0;transform:scale(.4)}50%{opacity:.6;transform:scale(1)}}.cs-page__card{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:480px;width:100%}.cs-page__chars{display:flex;align-items:flex-end;justify-content:center;gap:0;margin-bottom:8px;width:100%;max-width:520px}.cs-page__char-multi{width:130px;height:auto;object-fit:contain;filter:drop-shadow(0 12px 24px rgba(0,0,0,.15));margin:0 -8px}.cs-page__char-multi:nth-child(2){width:155px;position:relative;z-index:2}@media(max-width:480px){.cs-page__char-multi{width:90px}.cs-page__char-multi:nth-child(2){width:110px}}.cs-page__badge{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;background:#fab005;color:#fff;font-size:12px;font-weight:700;letter-spacing:.8px;border-radius:100px;margin-bottom:18px;text-transform:uppercase;box-shadow:0 4px 16px #fab00559}.cs-page__badge--pink{background:#e91e63;box-shadow:0 4px 16px #e91e6359}.cs-page__title{font-size:clamp(2rem,5vw,3rem);font-weight:900;color:#1a1a2e;line-height:1.15;margin:0 0 16px;letter-spacing:-.5px}.cs-page__desc{font-size:15px;color:#555;line-height:1.75;margin:0 0 24px}.cs-page__logo{width:160px;height:auto;opacity:.5;margin-bottom:28px}.cs-page__btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:#1a1a2e;color:#fff;font-size:14px;font-weight:700;border:none;border-radius:100px;cursor:pointer;transition:transform .15s ease,filter .2s ease}.cs-page__btn:hover{filter:brightness(1.2);transform:translateY(-2px)}.cs-page__btn--pink{background:#e91e63}.dl-hero{min-height:80vh;background:linear-gradient(135deg,#1a1a2e,#16213e 60%,#0f3460);display:flex;align-items:center;padding:100px 0 60px;overflow:hidden}.dl-hero__inner{max-width:1160px;margin:0 auto;padding:0 60px;display:flex;align-items:center;gap:60px;width:100%}@media(max-width:900px){.dl-hero__inner{flex-direction:column;padding:0 30px;text-align:center}}@media(max-width:480px){.dl-hero__inner{padding:0 20px;gap:24px}}.dl-hero__text{flex:1}.dl-hero__badge{display:inline-block;padding:6px 16px;background:#fab00526;border:1px solid rgba(250,176,5,.4);color:#fab005;font-size:12px;font-weight:700;letter-spacing:1px;border-radius:100px;margin-bottom:20px;text-transform:uppercase}.dl-hero__title{font-size:clamp(2rem,4vw,3.2rem);font-weight:900;color:#fff;line-height:1.15;margin:0 0 18px}.dl-hero__desc{font-size:16px;color:#ffffffa6;line-height:1.75;margin:0 0 24px;max-width:520px}.dl-hero__feats{display:flex;flex-wrap:wrap;gap:8px}@media(max-width:900px){.dl-hero__feats{justify-content:center}}.dl-hero__feat{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:#ffffffbf;background:#ffffff12;padding:5px 12px;border-radius:100px}.dl-hero__chars{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:560px;max-width:100%}@media(max-width:900px){.dl-hero__chars{width:360px}}@media(max-width:480px){.dl-hero__chars{width:100%}}.dl-hero__char-img{width:100%;max-width:560px;height:auto;object-fit:contain}@media(max-width:900px){.dl-hero__char-img{max-width:360px}}@media(max-width:480px){.dl-hero__char-img{max-width:100%}}.dl-section-inner{max-width:1160px;margin:0 auto;padding:0 60px}@media(max-width:768px){.dl-section-inner{padding:0 24px}}.dl-section-title{font-size:1.8rem;font-weight:900;color:#1a1a2e;margin:0 0 32px;text-align:center}.dl-section-title:after{content:"";display:block;width:48px;height:4px;background:#fab005;border-radius:2px;margin:12px auto 0}.dl-banner{padding:72px 0;background:#fff}.dl-banner__card{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:stretch;border-radius:28px;overflow:hidden;box-shadow:0 8px 48px #0000001a;border:1.5px solid #f0f0f0;min-height:380px}@media(max-width:768px){.dl-banner__card{grid-template-columns:1fr;min-height:auto}}.dl-banner__chars{display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#1a1a2e,#16213e 60%,#0f3460);border-radius:0;overflow:hidden}@media(max-width:768px){.dl-banner__chars{display:none}}.dl-banner__char{object-fit:contain;pointer-events:none}.dl-banner__char--front{width:90%;height:auto}.dl-banner__content{position:relative;padding:52px 48px 52px 44px;display:flex;flex-direction:column;gap:14px;background:#fff;border-radius:0 26px 26px 0;overflow:hidden}@media(max-width:768px){.dl-banner__content{padding:40px 28px;border-radius:26px;text-align:center;align-items:center}}.dl-banner__eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:#0078d4;background:#e8f3ff;border:1px solid #c2dcff;border-radius:100px;padding:5px 14px;width:fit-content}.dl-banner__title{font-size:2.6rem;font-weight:900;color:#1a1a2e;line-height:1.1;margin:0}.dl-banner__title em{font-style:normal;background:linear-gradient(90deg,#fab005,#fd7e14);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(max-width:900px){.dl-banner__title{font-size:2rem}}.dl-banner__sub{font-size:14px;color:#777;margin:0;line-height:1.6}.dl-banner__btn{display:inline-flex;align-items:center;width:fit-content;margin-top:6px;padding:13px 32px;border-radius:100px;font-size:14px;font-weight:700;background:#f0f0f0;color:#aaa;border:1.5px solid #e0e0e0;cursor:not-allowed;letter-spacing:.3px}.dl-banner__dots{position:absolute;bottom:20px;right:24px;display:grid;grid-template-columns:repeat(4,1fr);gap:7px;opacity:.18}.dl-banner__dot{width:5px;height:5px;border-radius:50%;background:#1a1a2e}.dl-banner__blob{position:absolute;top:-60px;right:-60px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(250,176,5,.18) 0%,transparent 70%);pointer-events:none}.dl-steps{padding:72px 0}.dl-steps-grid{display:flex;align-items:flex-start;gap:0;position:relative}@media(max-width:768px){.dl-steps-grid{flex-direction:column;gap:20px}}.dl-step-card{flex:1;text-align:center;padding:32px 24px;position:relative}.dl-step-card__num{display:block;font-size:3rem;font-weight:900;color:#fab005;opacity:.25;line-height:1;margin-bottom:12px}.dl-step-card__title{font-size:1.1rem;font-weight:800;color:#1a1a2e;margin:0 0 8px}.dl-step-card__desc{font-size:14px;color:#666;line-height:1.65;margin:0}.dl-step-card__arrow{position:absolute;top:40px;right:-10px;color:#fab005;opacity:.4}@media(max-width:768px){.dl-step-card__arrow{display:none}}.dl-specs{padding:72px 0;background:#f9fafb}.dl-specs-table{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 24px #0000000f;border:1px solid #f0f0f0}.dl-specs-table__head{display:grid;grid-template-columns:1fr 1fr 1fr;padding:16px 24px;background:#1a1a2e;color:#fff;font-size:13px;font-weight:700;gap:16px}@media(max-width:600px){.dl-specs-table__head{grid-template-columns:1.4fr 1fr 1fr;padding:12px 14px;font-size:11px;gap:6px}}.dl-specs-table__row{display:grid;grid-template-columns:1fr 1fr 1fr;padding:16px 24px;gap:16px;font-size:14px;color:#444;align-items:center;border-bottom:1px solid #f5f5f5}.dl-specs-table__row:last-child{border-bottom:none}.dl-specs-table__row:nth-child(odd){background:#fafafa}@media(max-width:600px){.dl-specs-table__row{grid-template-columns:1.4fr 1fr 1fr;padding:11px 14px;font-size:11.5px;gap:6px}}.dl-specs-table__label{display:flex;align-items:center;gap:8px;font-weight:700;color:#1a1a2e}@media(max-width:600px){.dl-specs-table__label{font-size:11.5px;gap:4px}}.dl-specs-table__rec{color:#fab005;font-weight:600}.dl-specs-note{font-size:12px;color:#aaa;text-align:center;margin:16px 0 0}.dl-specs-table__row:has(.dl-specs-table__colspan){display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:16px 24px;font-size:14px;color:#444;border-bottom:1px solid #f5f5f5}.dl-specs-table__row:has(.dl-specs-table__colspan):last-child{border-bottom:none}.dl-specs-table__row:has(.dl-specs-table__colspan):nth-child(odd){background:#fafafa}.dl-specs-table__colspan{flex:1;font-size:14px;color:#444}.dl-drivers{padding:72px 0;background:#fff}.dl-driver-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px}@media(max-width:700px){.dl-driver-grid{grid-template-columns:repeat(2,1fr)}}.dl-driver-card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:28px 20px 20px;background:#fff;border:1px solid #e8e8e8;border-radius:14px;box-shadow:0 2px 12px #0000000d;text-decoration:none;transition:box-shadow .2s,transform .2s}.dl-driver-card:hover{box-shadow:0 6px 24px #0000001f;transform:translateY(-2px)}.dl-driver-card__logo{font-size:22px;font-weight:900;letter-spacing:-.5px}.dl-driver-card__logo--nvidia{color:#76b900;font-style:italic}.dl-driver-card__logo--amd{color:#e0341b}.dl-driver-card__logo--intel{color:#0071c5;font-style:italic}.dl-driver-card__logo--directx{color:#107c10;font-size:18px}.dl-driver-card__name{font-size:13px;color:#555;margin:0}.dl-driver-card__btn{display:inline-flex;align-items:center;gap:5px;padding:7px 18px;border:1px solid #ddd;border-radius:8px;font-size:13px;font-weight:600;color:#333;background:#f8f8f8;transition:background .15s,color .15s}.dl-driver-card:hover .dl-driver-card__btn{background:#1a1a2e;color:#fff;border-color:#1a1a2e}.dl-driver-notes{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.dl-driver-notes li{font-size:13px;color:#555;padding-left:14px;position:relative}.dl-driver-notes li:before{content:"·";position:absolute;left:0;font-weight:900;color:#fab005}.dl-cta{padding:72px 0;background:linear-gradient(135deg,#fab005,#fd7e14)}.dl-cta__inner{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap}@media(max-width:768px){.dl-cta__inner{flex-direction:column;text-align:center;align-items:center}}.dl-cta__title{font-size:2rem;font-weight:900;color:#fff;margin:0 0 8px}@media(max-width:480px){.dl-cta__title{font-size:1.6rem}}.dl-cta__desc{font-size:15px;color:#ffffffd9;margin:0}.sp-hero{background:linear-gradient(135deg,#1a1a2e,#16213e);padding:120px 0 72px;text-align:center}@media(max-width:768px){.sp-hero{padding:100px 0 52px}}.sp-hero__inner{max-width:680px;margin:0 auto;padding:0 24px}.sp-hero__badge{display:inline-block;padding:6px 18px;background:#fab00526;border:1px solid rgba(250,176,5,.4);color:#fab005;font-size:12px;font-weight:700;letter-spacing:1px;border-radius:100px;margin-bottom:20px;text-transform:uppercase}.sp-hero__title{font-size:clamp(2rem,5vw,3rem);font-weight:900;color:#fff;line-height:1.15;margin:0 0 16px}.sp-hero__desc{font-size:16px;color:#fff9;line-height:1.75;margin:0 0 32px}.sp-hero__search-wrap{position:relative;max-width:480px;margin:0 auto}.sp-hero__search-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:#aaa;pointer-events:none}.sp-hero__search{width:100%;padding:14px 20px 14px 48px;background:#fff;border:none;border-radius:100px;font-size:15px;color:#333;outline:none;box-shadow:0 8px 32px #00000040;box-sizing:border-box}.sp-hero__search:focus{box-shadow:0 8px 32px #fab0054d}.sp-section-inner{max-width:900px;margin:0 auto;padding:0 40px}@media(max-width:768px){.sp-section-inner{padding:0 20px}}.sp-section-title{font-size:1.7rem;font-weight:900;color:#1a1a2e;margin:0 0 28px;text-align:center}.sp-section-title:after{content:"";display:block;width:44px;height:4px;background:#fab005;border-radius:2px;margin:10px auto 0}.sp-contacts{padding:64px 0;background:#f9fafb}.sp-contacts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media(max-width:768px){.sp-contacts-grid{grid-template-columns:1fr;max-width:360px;margin:0 auto}}.sp-contact-card{background:#fff;border-radius:16px;padding:28px 24px;text-align:center;text-decoration:none;box-shadow:0 4px 20px #0000000f;border:1.5px solid #f0f0f0;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.sp-contact-card:hover{transform:translateY(-4px);box-shadow:0 12px 36px #0000001a;border-color:var(--card-color)}.sp-contact-card__icon{margin-bottom:12px}.sp-contact-card__label{font-size:1rem;font-weight:800;color:#1a1a2e;margin:0 0 6px}.sp-contact-card__desc{font-size:12.5px;color:#888;line-height:1.5;margin:0 0 14px}.sp-contact-card__value{font-size:13px;font-weight:700;text-decoration:none}.sp-faq{padding:64px 0 80px}.sp-faq-item{background:#fff;border:1.5px solid #f0f0f0;border-radius:14px;margin-bottom:12px;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.sp-faq-item--open{border-color:#fab005;box-shadow:0 4px 20px #fab0051f}.sp-faq-item__q{width:100%;display:flex;align-items:center;gap:12px;padding:18px 20px;background:none;border:none;cursor:pointer;text-align:left;font-size:15px;font-weight:700;color:#1a1a2e}.sp-faq-item__q span{flex:1}.sp-faq-item__icon{color:#fab005;flex-shrink:0}.sp-faq-item__chevron{color:#aaa;flex-shrink:0;transition:transform .3s ease}.sp-faq-item__chevron.rotated{transform:rotate(180deg);color:#fab005}.sp-faq-item__a{padding:0 20px 18px 48px;font-size:14px;color:#555;line-height:1.75;margin:0}.sp-faq-empty{text-align:center;color:#aaa;font-size:15px;padding:40px 0}.sp-cta{padding:64px 0;background:#f9fafb;border-top:1px solid #f0f0f0}.sp-cta__inner{display:flex;align-items:center;gap:48px;flex-wrap:wrap}@media(max-width:768px){.sp-cta__inner{flex-direction:column;text-align:center}}.sp-cta__chars{display:flex;align-items:flex-end;justify-content:center;flex-shrink:0;gap:0}@media(max-width:768px){.sp-cta__chars{display:none}}.sp-cta__char-img{width:110px;height:auto;object-fit:contain;margin:0 -10px;filter:drop-shadow(0 10px 24px rgba(0,0,0,.12))}.sp-cta__char-img:nth-child(2){width:135px;position:relative;z-index:2}.sp-cta__title{font-size:1.8rem;font-weight:900;color:#1a1a2e;margin:0 0 8px}.sp-cta__desc{font-size:15px;color:#666;margin:0 0 24px;line-height:1.65}.sp-cta__btns{display:flex;gap:12px;flex-wrap:wrap}@media(max-width:768px){.sp-cta__btns{justify-content:center}}.sp-cta__btns .game-login-btn{display:inline-flex!important}@keyframes spin-slow{to{transform:rotate(360deg)}}@keyframes bar-bounce{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.music-btn{position:fixed;bottom:28px;right:28px;z-index:9999;width:52px;height:52px;border-radius:50%;border:none;background:#1a1a2e;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #00000040;outline:none;padding:0;transition:background .2s}.music-btn:hover{background:#fab005}.music-btn__ring{position:absolute;inset:-4px;border-radius:50%;border:2px dashed rgba(250,176,5,.5);opacity:0;transition:opacity .3s}.music-btn--playing .music-btn__ring{opacity:1;animation:spin-slow 6s linear infinite}.music-btn__icon{position:relative;z-index:1;display:flex;align-items:center;justify-content:center}.music-btn__waves{position:absolute;bottom:-18px;left:50%;transform:translate(-50%);display:flex;align-items:flex-end;gap:2px;height:12px}.music-btn__bar{width:3px;height:100%;border-radius:2px;background:#fab005;transform-origin:bottom;animation:bar-bounce .7s ease-in-out infinite}.nf-page{display:flex;flex-direction:column;min-height:100vh;background:linear-gradient(160deg,#09090f,#0e0e1e,#12091a)}.nf-main{flex:1;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:80vh;padding:6rem 1rem 3rem}.nf-bg{position:absolute;inset:0;pointer-events:none}.nf-particle{position:absolute;bottom:-10px;border-radius:50%;background:radial-gradient(circle,#fab005,#fd7e14);opacity:.4;animation:nf-float linear infinite}@keyframes nf-float{0%{transform:translateY(0) scale(1);opacity:.4}50%{opacity:.8}to{transform:translateY(-100vh) scale(.3);opacity:0}}.nf-hero{position:absolute;bottom:0;width:280px;pointer-events:none;filter:drop-shadow(0 0 32px rgba(250,176,5,.25))}.nf-hero img{width:100%;height:auto;display:block}.nf-hero--left{left:0;transform:scaleX(-1)}.nf-hero--right{right:0}@media(max-width:900px){.nf-hero{width:160px}}@media(max-width:600px){.nf-hero{display:none}}.nf-content{position:relative;z-index:2;text-align:center;max-width:560px}.nf-404{display:flex;align-items:center;justify-content:center;gap:8px;line-height:1;margin-bottom:1rem}.nf-404 span{font-size:clamp(6rem,14vw,10rem);font-weight:900;background:linear-gradient(135deg,#fab005,#fd7e14);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;letter-spacing:-4px}.nf-logo-zero{width:clamp(80px,11vw,120px);height:clamp(80px,11vw,120px);object-fit:contain;filter:drop-shadow(0 0 20px rgba(250,176,5,.6))}.nf-title{font-size:clamp(1.6rem,4vw,2.4rem);font-weight:800;color:#fff;margin:0 0 .75rem;letter-spacing:-.5px}.nf-desc{color:#fff9;font-size:1rem;line-height:1.7;margin:0 0 2rem}.nf-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.nf-btn{padding:12px 28px;border-radius:10px;font-size:.95rem;cursor:pointer;border:none}*,*:before,*:after{box-sizing:border-box}