.garena-login-page{min-height:100svh;background:#f4f4f4;color:#2a2d2f;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.garena-login-header{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;background:#fff;border-bottom:1px solid #e5e5e5;position:relative;z-index:10}.garena-home-link{display:inline-flex;align-items:center;text-decoration:none}.garena-header-logo{height:28px}.garena-language{position:relative}.garena-language-trigger{display:flex;align-items:center;gap:8px;background:none;border:0;font-family:inherit;font-size:13.5px;color:#676e76;cursor:pointer;padding:6px 0}.garena-language-trigger svg{height:18px;width:18px;stroke:#676e76}.garena-language-options{position:absolute;right:0;top:calc(100% + 4px);width:220px;background:#fff;border:1px solid #d9d9d9;border-radius:2px;box-shadow:0 2px 8px rgba(0,0,0,.12);padding:4px 0;z-index:100}.garena-language-options button{width:100%;display:flex;align-items:center;justify-content:space-between;background:none;border:0;font-family:inherit;font-size:13px;color:#2a2d2f;text-align:left;padding:10px 16px;cursor:pointer}.garena-language-options button:hover,.garena-language-options button[aria-pressed=true]{background:#f7f7f7;color:#d43831}.garena-login-main{min-height:calc(100svh - 60px);display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:30px 20px 60px}.garena-login-card{width:620px;max-width:100%;padding:60px 100px;background:#fff;border:none;border-radius:2px;display:flex;flex-direction:column;box-sizing:border-box}.garena-login-card h1,.garena-login-card h2{font-size:16px;font-weight:700;text-align:center;color:#2a2d2f;margin:0 0 32px;line-height:1.2}.garena-error-alert{display:flex;align-items:center;gap:8px;margin-top:10px;margin-bottom:6px;padding:0;background:transparent;border:none;text-align:left}.garena-error-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.garena-error-text{color:#ff4d4f;font-size:13px;line-height:1.4;font-weight:400}.garena-fields{display:grid;gap:16px}.garena-field{display:block;position:relative}.garena-field input{display:block;width:100%;height:42px;border:1px solid #d9d9d9;border-radius:2px;padding:8px 12px;background:#fff;color:#2a2d2f;font-family:inherit;font-size:16px;line-height:24px;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.garena-field input.has-peek{padding-right:42px}.garena-field input:hover:not(:disabled){border-color:#d43831;box-shadow:0 0 0 2px rgba(212,56,49,.2)}.garena-field input:focus{border-color:#d43831!important;box-shadow:0 0 0 2px rgba(212,56,49,.2);outline:none}.garena-field input::placeholder{color:rgba(0,0,0,.25);font-size:16px}.garena-password-peek{position:absolute;top:0;right:12px;bottom:0;width:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;padding:0;color:#8c95ba;transition:color .15s}.garena-password-peek:hover{color:#333}.garena-password-peek svg{width:18px;height:18px}.garena-required{position:absolute;left:-14px;top:11px;color:#d43831;font-size:14px;line-height:1}.garena-forgot{text-align:right;margin:10px 0 24px;font-size:14px}.garena-login-card a{text-decoration:none}.garena-forgot a,.garena-policy-links a{color:#0f7ce4}.garena-forgot a:hover,.garena-policy-links a:hover{text-decoration:underline}.garena-primary-button,.garena-secondary-button{display:flex;align-items:center;justify-content:center;width:100%;height:42px;border-radius:2px;font-size:16px;line-height:24px;font-family:inherit;cursor:pointer;box-sizing:border-box;text-decoration:none;transition:all .2s}.garena-primary-button{background:#d43831;border:1px solid #d43831;color:#fff;font-weight:500}.garena-primary-button:hover:not(:disabled){background:#bf2d27;border-color:#bf2d27;box-shadow:0 0 0 2px rgba(212,56,49,.2)}.garena-primary-button:disabled{opacity:.5;cursor:not-allowed}.garena-secondary-button{margin-top:16px;color:#676e76;border:1px solid #d9d9d9;background:#fff;font-weight:400}.garena-secondary-button:hover{border-color:#d43831;color:#d43831;box-shadow:0 0 0 2px rgba(212,56,49,.2)}.garena-policy-links{font-size:14px;line-height:1.5;text-align:center;margin-top:24px;color:#676e76}.garena-preview-note{font-size:11px;line-height:1.6;color:#777;max-width:390px;text-align:center;margin:16px 0 0}.garena-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.garena-login-page a:focus-visible,.garena-login-page button:focus-visible{outline:2px solid #d43831;outline-offset:2px}@media (max-width:680px){.garena-login-header{padding:0 20px;height:52px}.garena-header-logo{height:24px}.garena-language-trigger{font-size:12px;gap:6px}.garena-login-main{padding:20px 16px 40px}.garena-login-card{padding:32px 24px;width:100%}.garena-login-card h1,.garena-login-card h2{font-size:16px;margin-bottom:24px}.garena-field input{height:40px;font-size:14px}.garena-field input::placeholder{font-size:14px}.garena-primary-button,.garena-secondary-button{height:40px;font-size:14px}.garena-forgot{font-size:13px;margin:8px 0 18px}.garena-policy-links{font-size:12px;margin-top:18px}}@media (max-height:550px){.garena-login-main{justify-content:flex-start}}.arena-modal-backdrop{position:fixed;inset:0;background:rgba(3,4,16,.88);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:24px;animation:arenaFadeIn .22s ease-out}.arena-modal-backdrop,.arena-otp-modal,.arena-tournament-modal{font-family:Arial,Helvetica Neue,Helvetica,Segoe UI,Roboto,sans-serif!important}.arena-otp-modal,.arena-tournament-modal{width:1080px;max-width:96%;background:radial-gradient(ellipse at 50% 25%,#180a42 0,#0d0526 65%,#070316 100%);border:2.5px solid #ff007f;border-radius:10px;box-shadow:0 0 32px rgba(255,0,127,.85),0 0 85px rgba(255,0,127,.45),inset 0 0 45px rgba(255,0,127,.28),0 30px 90px rgba(0,0,0,.95);position:relative;animation:arenaPopIn .28s cubic-bezier(.16,1,.3,1);padding:50px 65px 52px;overflow:visible}.arena-lightning-bolt{position:absolute;width:62px;height:88px;z-index:30;pointer-events:none;filter:drop-shadow(0 0 14px #ff00cc) drop-shadow(0 0 28px #00ffff);animation:arenaBoltGlow 2.5s ease-in-out infinite alternate}.arena-lightning-bolt.top-left{top:-24px;left:-24px;transform:rotate(-15deg)}.arena-lightning-bolt.bottom-right{bottom:-24px;right:-24px;transform:rotate(-15deg)}@keyframes arenaBoltGlow{0%{filter:drop-shadow(0 0 12px #ff00cc) drop-shadow(0 0 20px #00ffff);opacity:.9}to{filter:drop-shadow(0 0 20px #ff00cc) drop-shadow(0 0 38px #00ffff);opacity:1}}.arena-modal-watermark{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;z-index:1;overflow:hidden;opacity:.08;user-select:none;transform:rotate(-8deg)}.arena-modal-watermark .watermark-text{font-family:CruyffSansVN,Arial Black,Impact,sans-serif;font-size:160px;font-weight:900;line-height:.88;color:#f0c;letter-spacing:10px;text-transform:uppercase}.arena-modal-title,.arena-otp-title{color:#ff007f;font-size:44px;font-weight:900;letter-spacing:3px;text-transform:uppercase;margin:0 0 36px;text-align:center;text-shadow:0 0 20px rgba(255,0,127,.95),0 0 45px rgba(255,0,127,.65);font-family:Arial,Helvetica Neue,Helvetica,Segoe UI,Roboto,sans-serif!important;position:relative;z-index:10}.arena-modal-close{position:absolute;right:24px;top:24px;background:hsla(0,0%,100%,.08);border:1.5px solid rgba(255,0,127,.4);color:#fff;font-size:22px;font-weight:700;cursor:pointer;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;z-index:30}.arena-modal-close:hover{background:#ff007f;color:#fff;border-color:#ff007f;box-shadow:0 0 20px rgba(255,0,127,.85);transform:scale(1.1)}.arena-modal-body{position:relative;z-index:10;background:transparent;padding:0}.arena-modal-tabs{display:flex;justify-content:center;gap:28px;margin-bottom:44px}.arena-tab-btn{font-family:Arial,Helvetica Neue,Helvetica,Segoe UI,Roboto,sans-serif!important;font-size:21px;font-weight:900;letter-spacing:1.2px;text-transform:uppercase;padding:16px 52px;border-radius:8px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.arena-tab-btn.active{background:linear-gradient(90deg,#4410c4,#ff007f);border:1.5px solid rgba(255,0,127,.9);color:#fff;box-shadow:0 4px 24px rgba(255,0,127,.65)}.arena-tab-btn:not(.active){background:rgba(14,7,36,.75);border:1.5px solid rgba(255,0,127,.65);color:#fff}.arena-tab-btn:not(.active):hover{background:rgba(30,14,70,.9);box-shadow:0 0 18px rgba(255,0,127,.5);border-color:#ff007f}.arena-form-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:50px;row-gap:32px;margin-bottom:20px}.arena-input-group{display:flex;align-items:center;justify-content:space-between;gap:18px}.arena-input-label{color:#fff;font-size:20px;font-weight:900;letter-spacing:1px;text-transform:uppercase;white-space:nowrap;min-width:170px}.arena-star{color:#ff007f;font-weight:900;margin-left:2px}.arena-text-input{flex:1;width:100%;height:56px;background:rgba(14,8,38,.9);border:1.5px solid rgba(138,43,226,.45);border-radius:8px;color:#fff;padding:0 20px;font-size:20px;font-weight:600;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s,background .2s}.arena-text-input:focus{border-color:#ff007f;box-shadow:0 0 18px rgba(255,0,127,.7);background:rgba(22,10,56,.98)}.arena-text-input::placeholder{color:#8c95ba;font-size:18px;font-weight:400}.arena-text-input.date-input{color-scheme:dark}.arena-date-input-wrap{flex:1;display:flex}.arena-action-center{display:flex;justify-content:center;margin-top:48px}.arena-confirm-button,.arena-otp-submit-btn{background:linear-gradient(90deg,#ff007f,#e6006e);color:#fff;font-size:25px;font-weight:900;text-transform:uppercase;letter-spacing:3px;padding:18px 96px;border-radius:9999px;border:0;cursor:pointer;box-shadow:0 0 28px rgba(255,0,127,.85),0 8px 24px rgba(0,0,0,.6);transition:all .22s ease;font-family:Arial,Helvetica Neue,Helvetica,Segoe UI,Roboto,sans-serif!important}.arena-confirm-button:hover:not(:disabled),.arena-otp-submit-btn:hover:not(:disabled){background:linear-gradient(90deg,#ff1a8c,#ff007f);transform:translateY(-2px) scale(1.03);box-shadow:0 0 42px rgba(255,0,127,.95),0 10px 30px rgba(0,0,0,.7)}.arena-confirm-button:active:not(:disabled),.arena-otp-submit-btn:active:not(:disabled){transform:translateY(0) scale(1)}.arena-confirm-button:disabled,.arena-otp-submit-btn:disabled{opacity:.65;cursor:wait}.arena-modal-alert{padding:18px 24px;border-radius:8px;font-size:18px;font-weight:700;margin-bottom:28px;display:flex;align-items:center;gap:14px}.arena-modal-alert.error{background:rgba(220,53,69,.25);border:1.5px solid #f05;color:#ff7685}.arena-modal-alert.success{background:rgba(40,167,69,.25);border:1.5px solid #28a745;color:#4ade80}.arena-rules-card{background:rgba(8,5,26,.8);border:1.5px solid rgba(255,0,127,.45);border-radius:8px;padding:36px;color:#d1d8f5}.arena-rules-card h3{color:#ff007f;font-size:24px;font-weight:900;margin:0 0 22px;letter-spacing:.8px;text-shadow:0 0 14px rgba(255,0,127,.7)}.arena-rules-list{list-style:none;padding:0;margin:0 0 34px;display:grid;gap:18px;font-size:18.5px;line-height:1.8}.arena-rules-list strong{color:#fff}.arena-tab-back-btn{background:transparent;border:1.5px solid #ff007f;color:#fff;padding:15px 44px;font-size:19px;font-weight:800;border-radius:9999px;cursor:pointer;transition:all .2s}.arena-tab-back-btn:hover{background:#ff007f;color:#fff;box-shadow:0 0 20px rgba(255,0,127,.8)}.arena-otp-modal{width:1080px}.arena-otp-body{position:relative;z-index:10;padding:10px 0 0}.arena-otp-form{display:flex;flex-direction:column}.arena-otp-row{display:flex;align-items:center;justify-content:center;gap:24px;margin-bottom:38px}.arena-otp-label{color:#fff;font-size:21px;font-weight:900;white-space:nowrap;letter-spacing:1px;text-transform:uppercase}.arena-otp-input-wrap{display:inline-flex}.arena-otp-input{width:440px;max-width:100%;height:58px;background:rgba(14,8,38,.95);border:1.5px solid rgba(138,43,226,.5);border-radius:8px;color:#fff;padding:0 20px;font-size:25px;font-weight:800;letter-spacing:4px;outline:none;transition:border-color .2s,box-shadow .2s,background .2s}.arena-otp-input:focus{border-color:#ff007f;box-shadow:0 0 18px rgba(255,0,127,.75);background:rgba(22,10,56,.98)}.arena-otp-btn-wrap{display:flex;justify-content:center;margin-bottom:30px}.arena-otp-notice{text-align:center;font-size:17.5px;line-height:1.75;max-width:820px;margin:0 auto;padding:0 10px}.arena-otp-notice-prefix{color:#fff;font-weight:800;font-size:18px}.arena-otp-notice-text{color:#ff3b5c;font-weight:600}@keyframes arenaFadeIn{0%{opacity:0}to{opacity:1}}@keyframes arenaPopIn{0%{opacity:0;transform:scale(.94) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width:820px){.arena-otp-modal,.arena-tournament-modal{padding:30px 24px 34px}}@media (max-width:680px){.arena-otp-modal,.arena-tournament-modal{padding:24px 18px 28px}.arena-modal-title,.arena-otp-title{font-size:24px;margin-bottom:20px}.arena-form-grid{grid-template-columns:1fr;gap:18px}.arena-input-group{flex-direction:column;align-items:flex-start;gap:8px}.arena-input-label{min-width:unset;font-size:14px}.arena-modal-tabs{flex-direction:column;gap:10px}.arena-tab-btn{width:100%;text-align:center;font-size:14px;padding:10px 20px}.arena-confirm-button,.arena-otp-submit-btn{width:100%;padding:13px 20px;font-size:16px}.arena-otp-row{flex-direction:column;align-items:stretch;gap:10px}.arena-otp-input{width:100%;height:44px;font-size:16px}.arena-otp-notice{font-size:12.5px}}.baodanh-fail-card{width:820px;max-width:100%;margin:0 auto;background:radial-gradient(ellipse at 50% 20%,#071d12 0,#050e0a 60%,#020907 100%);border:2.5px solid #00fa64;border-radius:6px;box-shadow:0 0 25px rgba(0,250,100,.7),0 0 65px rgba(0,200,80,.3),inset 0 0 35px rgba(0,250,100,.15),0 25px 80px rgba(0,0,0,.95);overflow:hidden;position:relative;z-index:20;animation:arenaPopIn .3s cubic-bezier(.16,1,.3,1);font-family:Arial,Helvetica Neue,Helvetica,Segoe UI,Roboto,sans-serif!important}.baodanh-fail-header{background:linear-gradient(90deg,#087c3a,#00fa64);padding:16px 20px 18px;text-align:center;box-shadow:0 4px 18px rgba(0,250,100,.3)}.baodanh-fail-title{color:#fff;font-size:22px;font-weight:900;letter-spacing:1.5px;text-transform:uppercase;margin:0;text-shadow:0 2px 6px rgba(0,0,0,.6);font-family:Arial,Helvetica Neue,Helvetica,Segoe UI,Roboto,sans-serif!important}.baodanh-fail-body{padding:36px 44px 44px;background:transparent}.baodanh-fail-divider{width:100%;height:1.5px;background:rgba(0,250,100,.35);box-shadow:0 0 8px rgba(0,250,100,.2);margin:0}.baodanh-fail-msg{color:#ff3b30;font-size:16.5px;font-weight:600;line-height:1.6;margin:20px 0;text-align:left;text-shadow:0 0 10px rgba(255,59,48,.3)}.baodanh-fail-action-row{margin-top:26px;text-align:left}.baodanh-fail-link{background:none;border:none;padding:0;font-size:16.5px;font-family:inherit;cursor:pointer;display:inline-flex;align-items:baseline;text-align:left;text-decoration:none}.baodanh-fail-link:hover .baodanh-link-white{color:#00fa64;text-shadow:0 0 10px #00fa64}.baodanh-link-white{color:#fff;font-weight:700;text-decoration:underline;text-underline-offset:3px;transition:color .2s ease,text-shadow .2s ease}.baodanh-link-red{color:#ff3b30;font-weight:500;margin-left:4px}.baodanh-fail-thanks{color:#fff;font-size:16.5px;font-weight:700;margin:18px 0 0;text-align:left}