:root{color:#f8f6f0;background:#050505;font-family:Impact,Haettenschweiler,Arial Narrow Bold,Arial,sans-serif;font-synthesis:none;letter-spacing:0;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:radial-gradient(circle at 15% 8%,rgba(190,137,65,.18),transparent 28rem),linear-gradient(135deg,#111,#050505 45%,#17130d)}#app{width:100%;min-height:100dvh}button,input,select{font:inherit;letter-spacing:0}button{border:0;cursor:pointer}.app-shell{width:100%;min-height:100dvh;display:flex;justify-content:center;background:linear-gradient(90deg,rgba(255,255,255,.03) 0 1px,transparent 1px 100%),#050505}.phone-frame{--home-hero-height: clamp(340px, 43dvh, 414px);width:430px;max-width:100%;flex:0 0 auto;min-height:100dvh;position:relative;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;background:#060606;box-shadow:0 0 80px #000000b3;animation:frameReveal .7s cubic-bezier(.2,.8,.2,1) both;scrollbar-width:none}.phone-frame::-webkit-scrollbar{display:none}.hero{position:relative;isolation:isolate;flex:0 0 auto;display:flex;align-items:flex-start;justify-content:center;overflow:hidden;border-bottom:3px solid #b47c37;background:linear-gradient(180deg,#ffffff05,#00000014),url(/assets/bhayangkara-hero.png) center top / cover no-repeat}.hero:before,.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}.hero:before{background:radial-gradient(circle at 50% 18%,rgba(255,255,255,.24),transparent 20rem);animation:heroLight 6s ease-in-out infinite}.hero:after{background:linear-gradient(180deg,transparent 62%,rgba(0,0,0,.38))}.hero.tall{min-height:390px;background-position:center top}.is-home .hero.tall{min-height:var(--home-hero-height)}.hero.compact{min-height:188px;background-position:center 28%}.brand-stamp{width:74%;margin-top:38px;text-align:center;color:#060606;text-transform:uppercase;filter:drop-shadow(0 2px 0 rgba(255,255,255,.18));animation:brandDrop .65s cubic-bezier(.18,.88,.28,1.12) .12s both}.brand-stamp h1{margin:0;font-size:2.34rem;line-height:.9;font-weight:950}.esports-bar{min-height:30px;margin-top:8px;display:flex;align-items:center;justify-content:center;background:#030303;color:#d5b174;font-size:1.25rem;font-weight:900;animation:barGlow 3.8s ease-in-out infinite}.hero.compact .brand-stamp{margin-top:30px}.crest-placeholder{position:absolute;top:48px;right:35px;width:52px;aspect-ratio:1;display:grid;place-items:center;border:3px double #b5893b;border-radius:50%;background:radial-gradient(circle,#f7df8a 0,#f7df8a 38%,#b5893b 39%,#b5893b 62%,#3f2807 63%,#3f2807);color:#160f07;font-family:Arial,sans-serif;font-size:1.1rem;font-weight:900;box-shadow:0 2px 10px #00000040;animation:crestPulse 2.8s ease-in-out infinite}.panel{flex:1 1 0;min-height:calc(100dvh - 390px);padding:18px 20px 24px;background:linear-gradient(#040404db,#040404e8),radial-gradient(circle at 25% 12%,rgba(255,255,255,.08),transparent 10rem),repeating-linear-gradient(135deg,rgba(255,255,255,.04) 0 1px,transparent 1px 8px),#080808}.is-home .panel{min-height:calc(100dvh - var(--home-hero-height));padding:17px 22px calc(96px + env(safe-area-inset-bottom))}.home-panel h2,.success-panel h2{margin:0 0 16px;text-align:center;font-size:1.42rem;line-height:1.12;color:#fff;text-transform:uppercase}.home-panel h2{margin-bottom:16px;font-size:1.26rem;line-height:1.08}.event-box,.split-box,.schedule-card,.field-card,.qr-frame{border:1px solid rgba(185,125,57,.92);background:#030303eb}.event-box{padding:9px 12px 10px;text-align:center}.home-panel .event-box{padding:8px 10px 9px}.home-panel .game-box{min-height:61px}.event-box p{margin:0 0 7px;color:#b98a54;font-size:1.12rem;font-weight:900;text-transform:uppercase}.home-panel .event-box p{margin-bottom:5px;font-size:1.03rem}.game-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:6px}.home-panel .game-list{gap:4px}.game-logo{min-height:38px;display:flex;align-items:center;justify-content:center;min-width:0;overflow:hidden}.home-panel .game-logo{min-height:29px}.game-logo img{width:100%;max-width:108px;height:34px;display:block;object-fit:contain;filter:drop-shadow(0 1px 0 rgba(255,255,255,.12)) drop-shadow(0 3px 5px rgba(0,0,0,.55))}.home-panel .game-logo img{height:29px;max-width:104px}.mobile-legends img{max-width:96px}.home-panel .mobile-legends img{max-width:92px}.geoguessr img{max-width:102px}.efootball img{max-width:98px;filter:invert(1) drop-shadow(0 1px 0 rgba(255,255,255,.12)) drop-shadow(0 3px 5px rgba(0,0,0,.55))}.split-box{margin-top:8px;display:grid;grid-template-columns:repeat(2,1fr)}.split-box div{min-height:46px;display:grid;place-items:center;font-size:1.25rem;font-weight:900}.home-panel .split-box div{min-height:32px;font-size:1rem}.split-box div+div,.schedule-card+.schedule-card{border-left:1px solid rgba(185,125,57,.92)}.schedule-grid{margin-top:8px;display:grid;grid-template-columns:1fr 1.05fr;border:1px solid rgba(185,125,57,.92);background:#030303eb}.home-panel .schedule-grid{grid-template-columns:1fr 1fr}.schedule-card{min-height:64px;display:grid;align-content:center;gap:4px;padding:10px 11px;border:0;text-transform:uppercase}.home-panel .schedule-card{min-height:58px;gap:2px;padding:7px 10px}.schedule-card span{grid-column:1 / -1;color:#b98a54;font-family:Arial,sans-serif;font-size:.82rem;font-weight:900}.home-panel .schedule-card span{font-size:.66rem}.date-line{display:flex;align-items:center;gap:5px;min-width:0}.date-range{gap:4px}.schedule-card strong{color:#fff;font-size:1.7rem;line-height:.92}.home-panel .schedule-card strong{font-size:1.5rem}.schedule-card small{color:#fff;font-size:.58rem;line-height:.8;font-weight:900}.home-panel .schedule-card small{font-size:.48rem}.schedule-card b{color:#fff;font-size:1.22rem;line-height:.9}.home-panel .schedule-card b{font-size:1.1rem}.prize-box{margin-top:8px}.home-panel .prize-box{min-height:58px}.prize-box p{margin-bottom:4px}.home-panel .prize-box p{margin-bottom:5px;font-size:.88rem}.prize-box strong{color:#fff;font-size:2.22rem;line-height:1;text-transform:uppercase}.home-panel .prize-box strong{font-size:1.92rem}.terms{margin:10px 0 clamp(52px,7vh,76px);text-align:center;color:#f8f8f8;font-family:Georgia,Times New Roman,serif;font-size:.72rem;font-weight:700}.home-panel .terms{margin:10px 0 clamp(16px,2.4dvh,30px);font-size:.6rem}.gold-button{width:100%;min-height:58px;position:relative;overflow:hidden;display:grid;place-items:center;border-radius:3px;color:#080808;background:linear-gradient(90deg,#a86d32,#efdb8f,#a96a2f);background-size:160% 100%;font-size:1.55rem;line-height:1.05;font-weight:950;text-align:center;text-transform:uppercase;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease;animation:goldFlow 4.8s ease-in-out infinite;box-shadow:inset 0 1px #ffffff4d,0 14px 28px #00000047}.gold-button:before{content:"";position:absolute;top:-35%;right:-22%;bottom:-35%;left:-22%;background:linear-gradient(115deg,transparent 34%,rgba(255,255,255,.58) 50%,transparent 66%);transform:translate(-120%) skew(-15deg);animation:buttonShine 3.6s ease-in-out infinite;pointer-events:none}.gold-button:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff5c,0 18px 34px #00000057}.gold-button:disabled{cursor:wait;filter:grayscale(.25) brightness(.88);transform:none}.gold-button:active{transform:translateY(1px) scale(.99)}.home-panel .primary-cta{width:min(calc(100vw - 44px),386px);width:min(calc(100dvw - 44px),386px);min-height:52px;position:fixed;right:auto;left:50vw;left:50dvw;bottom:max(12px,env(safe-area-inset-bottom));z-index:12;font-size:1.25rem;transform:translate(-50%)}.home-panel .primary-cta:hover{transform:translate(-50%) translateY(-1px)}.home-panel .primary-cta:active{transform:translate(-50%) translateY(1px) scale(.99)}.success-panel .gold-button{font-size:1.28rem}.register-panel{min-height:calc(100dvh - 188px);display:flex;position:relative;padding-top:18px;padding-bottom:94px}.registration-form{width:100%;flex:1;display:grid;grid-template-rows:auto repeat(6,auto) minmax(140px,1fr);gap:8px}.registration-form h2{margin:0 0 6px;font-size:1.03rem;line-height:1.1;text-transform:uppercase}.field-card{display:grid;min-height:54px;padding:8px 10px 7px;color:#050505;background:#f2f2f2;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.field-card:focus-within{border-color:#d7a454;box-shadow:0 0 0 2px #d7a4543d;transform:translateY(-1px)}.field-card span{color:#050505;font-size:.98rem;line-height:1;font-weight:900;text-transform:uppercase}.field-card input,.field-card select{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#040404;font-size:1.22rem;line-height:1.18;font-weight:950;text-transform:uppercase}.field-card input::placeholder{color:#0404046b;opacity:1}.field-card select:invalid{color:#0404046b}.field-card select option{color:#040404}.field-card select option:disabled{color:#04040475}.email-card input{font-family:inherit;font-size:1.08rem;line-height:1.08;font-weight:950;text-transform:uppercase}.email-card input::placeholder{font-family:inherit;color:#0404046b;text-transform:uppercase}.select-card{position:relative}.select-card:after{content:"";position:absolute;right:13px;bottom:16px;border-left:9px solid transparent;border-right:9px solid transparent;border-top:16px solid #080808;filter:drop-shadow(1px 1px 0 #c18d46);pointer-events:none}.select-card select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:36px}.upload-card{gap:10px;min-height:0;grid-template-rows:auto minmax(0,1fr);padding-bottom:13px;transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease}.file-input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.upload-zone{position:relative;min-height:0;display:grid;place-items:center;align-content:center;gap:8px;border:1px dashed rgba(95,62,31,.85);color:#0000006b;text-align:center;transition:border-color .16s ease,color .16s ease,background-color .16s ease}.upload-card.is-dragging{border-color:#d7a454;background:#fff9e8;box-shadow:inset 0 0 0 2px #be843b47,0 0 22px #d7a45438;animation:dropPulse .9s ease-in-out infinite}.upload-card.is-dragging .upload-zone{border-color:#a96a2f;background:#d7a4541f;color:#0000009e}.upload-zone svg{width:42px;height:42px;fill:currentColor;animation:uploadFloat 2.4s ease-in-out infinite}.upload-zone strong{max-width:100%;color:currentColor;font-size:1.2rem;line-height:1.05;overflow-wrap:anywhere}.ktp-preview{width:100%;height:100%;min-height:0;display:block;object-fit:contain;background:#e9e9e9}.submit-button{position:absolute;right:20px;bottom:24px;left:20px;width:auto;margin-top:0;min-height:58px}.success-panel{min-height:calc(100dvh - 390px);display:grid;align-content:start;padding-top:24px}.qr-frame{width:54%;max-width:230px;aspect-ratio:1;margin:8px auto 18px;padding:12px;background:#fff}.qr-frame img{width:100%;height:100%;display:block;object-fit:contain}.success-panel h3{margin:0 0 22px;text-align:center;color:#fff;font-size:1.58rem;line-height:1.1;text-transform:uppercase}.panel-swap-enter-active,.panel-swap-leave-active{transition:opacity .26s ease,transform .26s ease}.panel-swap-enter-from{opacity:0;transform:translateY(18px)}.panel-swap-leave-to{opacity:0;transform:translateY(-12px)}.home-panel>:not(.primary-cta),.registration-form>*,.success-panel>*{opacity:0;animation:riseIn .52s cubic-bezier(.18,.82,.24,1) both}.home-panel>:nth-child(1),.registration-form>:nth-child(1),.success-panel>:nth-child(1){animation-delay:80ms}.home-panel>:nth-child(2),.registration-form>:nth-child(2),.success-panel>:nth-child(2){animation-delay:.15s}.home-panel>:nth-child(3),.registration-form>:nth-child(3),.success-panel>:nth-child(3){animation-delay:.22s}.home-panel>:nth-child(4),.registration-form>:nth-child(4),.success-panel>:nth-child(4){animation-delay:.29s}.home-panel>:nth-child(5),.registration-form>:nth-child(5){animation-delay:.36s}.home-panel>:nth-child(6),.registration-form>:nth-child(6){animation-delay:.43s}.home-panel>:nth-child(7),.registration-form>:nth-child(7){animation-delay:.5s}.registration-form>:nth-child(8){animation-delay:.57s}.registration-form>:nth-child(9){animation-delay:.64s}.event-box,.split-box,.schedule-grid,.field-card,.qr-frame{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.event-box:hover,.split-box:hover,.schedule-grid:hover,.field-card:hover,.qr-frame:hover{border-color:#deab5cf2;box-shadow:0 0 18px #cb944b24;transform:translateY(-1px)}.qr-frame{animation:qrPop .65s cubic-bezier(.18,.88,.28,1.12) .22s both}.ktp-preview{animation:imageSettle .36s ease both}.popup-swap-enter-active,.popup-swap-leave-active{transition:opacity .18s ease}.popup-swap-enter-from,.popup-swap-leave-to{opacity:0}.popup-swap-enter-active .validation-popup{animation:popupIn .26s cubic-bezier(.18,.88,.28,1.12) both}.popup-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:24px;background:#000000b8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.validation-popup{width:100%;max-width:350px;border:1px solid rgba(203,148,75,.95);background:linear-gradient(#080808f5,#080808fa),repeating-linear-gradient(135deg,rgba(255,255,255,.05) 0 1px,transparent 1px 8px);padding:20px;text-align:center;box-shadow:0 18px 48px #0000008c}.validation-popup h2{margin:0 0 8px;color:#fff;font-size:1.35rem;line-height:1;text-transform:uppercase}.validation-popup p{margin:0;color:#d3ad71;font-family:Arial,sans-serif;font-size:.86rem;line-height:1.35;font-weight:800;text-transform:uppercase}.validation-popup ul{display:grid;gap:6px;margin:14px 0 18px;padding:0;list-style:none}.validation-popup li{min-height:34px;display:grid;place-items:center;border:1px solid rgba(185,125,57,.55);color:#fff;background:#ffffff0f;font-family:Arial,sans-serif;font-size:.82rem;font-weight:900;text-transform:uppercase}.popup-button{min-height:48px;font-size:1.12rem}@keyframes frameReveal{0%{opacity:0}to{opacity:1}}@keyframes heroLight{0%,to{opacity:.75;transform:translateY(0) scale(1)}50%{opacity:1;transform:translateY(8px) scale(1.05)}}@keyframes brandDrop{0%{opacity:0;transform:translateY(-24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes barGlow{0%,to{box-shadow:inset 0 0 #d5b17400}50%{box-shadow:inset 0 0 18px #d5b1743d}}@keyframes crestPulse{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.06);filter:brightness(1.15)}}@keyframes riseIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes goldFlow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes buttonShine{0%,56%{transform:translate(-120%) skew(-15deg)}82%,to{transform:translate(120%) skew(-15deg)}}@keyframes uploadFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes dropPulse{0%,to{transform:scale(1)}50%{transform:scale(1.012)}}@keyframes qrPop{0%{opacity:0;transform:scale(.9) rotate(-1deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes imageSettle{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes popupIn{0%{opacity:0;transform:translateY(16px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 380px){.brand-stamp{width:78%;margin-top:42px}.brand-stamp h1{font-size:2rem}.esports-bar{min-height:28px;font-size:1.05rem}.hero.tall{min-height:360px}.hero.compact{min-height:174px}.panel{padding-inline:16px}.home-panel h2,.success-panel h2{font-size:1.34rem}.prize-box strong{font-size:2.1rem}.gold-button{min-height:54px;font-size:1.34rem}.schedule-card{padding-inline:8px}.schedule-card strong{font-size:1.58rem}.schedule-card small{font-size:.52rem}.date-line{gap:3px}.field-card input,.field-card select{font-size:1.22rem}}@media (min-width: 700px){body,#app,.app-shell{min-height:100vh}.phone-frame{--home-hero-height: clamp(320px, 43vh, 414px);width:min(830px,calc(100vh * 830 / 1600));max-width:none;height:100vh;min-height:0}.panel{min-height:calc(100vh - 390px)}.is-home .panel{min-height:calc(100vh - var(--home-hero-height))}.register-panel{min-height:calc(100vh - 188px)}.success-panel{min-height:calc(100vh - 390px)}.home-panel .primary-cta{width:min(386px,calc(51.875vh - 44px))}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}