.breadcrumb{display:flex;gap:10px;align-items:center;padding:24px 0 4px;font-size:11px;color:#78849b}.breadcrumb a{color:#a8b3c8}.breadcrumb span:last-child{color:var(--lime)}.game-hero{display:grid;grid-template-columns:.9fr 1fr;align-items:center;gap:55px;padding:30px 0 48px}.game-cover{height:285px;border-radius:18px;position:relative;overflow:hidden;background:linear-gradient(135deg,#191d45,#36346c 55%,#111a34);border:1px solid #aaa1ff2a;padding:24px;box-shadow:0 24px 70px #0003}.cover-glow{position:absolute;width:260px;height:260px;right:-45px;top:-60px;border-radius:50%;background:#9c8cff32;filter:blur(8px)}.cover-orbit{position:absolute;width:310px;height:310px;border:1px solid #ffffff15;border-radius:50%;right:-35px;top:-12px;box-shadow:0 0 0 28px #ffffff04,0 0 0 58px #ffffff03}.cover-label{position:relative;z-index:1;font-size:8px;letter-spacing:2px;color:#c7c0ff;font-weight:700}.cover-title{position:relative;z-index:1;font:700 clamp(37px,4vw,54px)/.88 var(--display);letter-spacing:-2px;margin-top:47px;text-shadow:0 5px 25px #0004}.cover-title span{color:#bcb0ff}.cover-subtitle{position:relative;z-index:1;font-size:10px;letter-spacing:5px;color:#d3d0ff;margin-top:9px}.cover-diamonds{position:absolute;right:24px;bottom:28px;display:flex;align-items:center;gap:5px;color:#c6bdff;transform:rotate(-12deg)}.cover-diamonds span{font-size:25px;text-shadow:0 0 15px #a99aff}.cover-diamonds span:nth-child(2){font-size:35px}.cover-diamonds b{font-size:8px;letter-spacing:1px;margin-left:7px;color:#fff}.cover-number{position:absolute;left:24px;bottom:22px;color:#ffffff7d;font-size:8px;letter-spacing:2px}.game-hero-copy h1{font:700 clamp(37px,4.2vw,53px)/1.05 var(--display);letter-spacing:-2.5px;margin:20px 0 15px}.game-hero-copy h1 span{color:var(--lime)}.game-hero-copy>p{font-size:13px;color:var(--muted);line-height:1.8;max-width:420px}.game-benefits{display:flex;flex-wrap:wrap;gap:14px;margin-top:23px}.game-benefits span{font-size:10px;color:#c6cfe0;display:flex;gap:6px;align-items:center}.game-benefits i{font-style:normal;width:17px;height:17px;border-radius:6px;background:#c8ff5f14;color:var(--lime);display:grid;place-items:center;font-size:10px}
.checkout-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:22px;padding-bottom:75px}.checkout-main{display:flex;flex-direction:column;gap:17px}.form-panel,.summary-panel{background:#11182a;border:1px solid var(--line);border-radius:15px;padding:22px}.panel-heading{display:flex;align-items:center;gap:12px;margin-bottom:22px}.step-number{width:34px;height:34px;flex-shrink:0;display:grid;place-items:center;border-radius:10px;background:#c8ff5f14;color:var(--lime);font:700 12px var(--display)}.panel-heading h2,.summary-title h2{font:600 16px var(--display);margin:0 0 5px}.panel-heading p{font-size:11px;color:var(--muted);margin:0}.account-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px 13px}.field-label{font-size:11px;font-weight:600;color:#dbe1ee}.account-fields input{min-width:0;width:100%;background:#0b1020;border:1px solid #ffffff18;border-radius:9px;padding:13px 12px;color:white;outline:none;font:12px var(--font);transition:border .2s}.account-fields input:focus{border-color:#c8ff5f99}.account-fields input::placeholder{color:#58647b}.zone-label{grid-column:2;grid-row:1}.zone-label+input{grid-column:2;grid-row:2}.field-hint{margin-top:14px;font-size:10px;color:#98a3bb;display:flex;gap:7px;line-height:1.5}.field-hint span{color:var(--lime)}.nominal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.nominal-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:9px;padding:14px 12px;background:#0c1222;border:1px solid #ffffff14;border-radius:10px;color:#f5f7ff;cursor:pointer;transition:border .2s,background .2s,transform .2s;min-width:0}.nominal-card:hover{border-color:#c8ff5f70;transform:translateY(-2px)}.nominal-card.selected{border-color:var(--lime);background:#c8ff5f0b;box-shadow:inset 0 0 0 1px #c8ff5f22}.nominal-card.selected:after{content:"✓";position:absolute;right:9px;top:8px;font-size:10px;color:var(--lime)}.diamond-icon{font-size:15px;color:#b9aaff;text-shadow:0 0 14px #a99aff77}.nominal-card strong{font:700 16px var(--display)}.nominal-card strong small{font:500 9px var(--font);color:#a4afc3;display:block;margin-top:3px}.nominal-card .price{font-size:11px;font-weight:700;color:var(--lime);margin-top:1px}.price-disclaimer{font-size:9px;line-height:1.6;color:#75819a;margin:13px 0 0}.payment-option{display:flex;align-items:center;gap:12px;border:1px solid #ffffff15;background:#0c1222;padding:13px;border-radius:10px;cursor:pointer;margin-top:10px;position:relative}.payment-option.selected{border-color:#c8ff5f66;background:#c8ff5f08}.payment-option input{position:absolute;opacity:0;width:1px;height:1px}.payment-logo{width:42px;height:31px;display:grid;place-items:center;border-radius:7px;font-size:11px;font-weight:700}.qris-logo{background:#f1f3f8;color:#11182a;letter-spacing:-1px}.bank-logo{background:#263d62;color:#c9dfff;font-size:8px}.payment-copy{flex:1}.payment-copy strong,.payment-copy small{display:block}.payment-copy strong{font-size:12px}.payment-copy small{font-size:9px;color:var(--muted);margin-top:4px;line-height:1.5}.radio-dot{width:17px;height:17px;border:1px solid #65718a;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.payment-option.selected .radio-dot{border-color:var(--lime)}.payment-option.selected .radio-dot:after{content:"";width:8px;height:8px;border-radius:50%;background:var(--lime)}.demo-notice{display:flex;gap:9px;margin-top:15px;padding:12px;border-radius:9px;background:#ffca5b0b;color:#d9b96e}.demo-notice span{font-size:13px}.demo-notice p{font-size:10px;line-height:1.6;margin:0;color:#c6b78f}
.summary-panel{position:sticky;top:18px;padding:21px}.summary-title{display:flex;align-items:center;justify-content:space-between}.summary-title h2{font-size:15px}.secure-mark{color:var(--lime);font-size:17px}.summary-game{display:flex;align-items:center;gap:10px;padding:18px 0;border-bottom:1px solid var(--line);margin-bottom:12px}.summary-game-icon{width:43px;height:43px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#464080,#171b43);font:700 15px var(--display);color:#d9d1ff}.summary-game-icon span{font-size:8px;letter-spacing:2px}.summary-game strong,.summary-game small{display:block}.summary-game strong{font-size:12px}.summary-game small{font-size:10px;color:var(--muted);margin-top:4px}.summary-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:10px 0;font-size:10px;color:var(--muted)}.summary-row strong{color:#e8ecf6;text-align:right;max-width:60%;overflow-wrap:anywhere;font-size:10px}.summary-total{margin-top:8px;padding:17px 0;border-top:1px dashed #ffffff22;display:flex;flex-direction:column;gap:7px}.summary-total span{font-size:10px;color:var(--muted)}.summary-total strong{font:700 26px var(--display);color:var(--lime);letter-spacing:-.7px}.order-button{width:100%;display:flex;justify-content:space-between;align-items:center;border:0;border-radius:10px;background:var(--lime);color:#101828;padding:14px 15px;font-size:12px;font-weight:700;cursor:pointer;transition:transform .2s,opacity .2s}.order-button:hover{transform:translateY(-2px)}.order-button span{font-size:17px}.summary-footnote{display:flex;gap:7px;align-items:flex-start;font-size:9px;line-height:1.5;color:#8d99b0;margin:13px 0}.summary-footnote span{color:var(--lime)}.help-line{border-top:1px solid var(--line);padding-top:13px;margin-top:13px;font-size:9px;color:#8793a9;text-align:center}.help-line a{color:var(--lime)}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:20;background:#1a2438;border:1px solid #ffffff24;color:#f4f6ff;padding:13px 17px;border-radius:10px;font-size:12px;box-shadow:0 10px 40px #0005;transition:.22s;max-width:calc(100% - 32px)}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:900px){.game-hero{gap:28px}.checkout-layout{grid-template-columns:minmax(0,1fr) 285px;gap:15px}.form-panel{padding:18px}.nominal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-panel{padding:18px}}
@media(max-width:760px){.game-hero{grid-template-columns:1fr;gap:25px;padding-top:22px}.game-cover{height:250px}.cover-title{font-size:49px;margin-top:38px}.game-hero-copy h1{font-size:44px}.checkout-layout{grid-template-columns:1fr;gap:16px}.summary-panel{position:static;grid-row:1}.checkout-main{grid-row:2}.summary-panel{padding:20px}.summary-total{flex-direction:row;align-items:center;justify-content:space-between}.summary-total strong{font-size:23px}.order-button{padding:15px}.nominal-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:480px){.breadcrumb{padding-top:20px}.game-cover{height:225px;padding:20px}.cover-title{font-size:43px;margin-top:33px}.cover-diamonds{right:16px;bottom:22px}.cover-diamonds span{font-size:19px}.cover-diamonds span:nth-child(2){font-size:27px}.game-hero-copy h1{font-size:39px}.game-benefits{gap:10px}.game-benefits span{font-size:9px}.form-panel{padding:16px}.panel-heading{align-items:flex-start;margin-bottom:18px}.panel-heading h2{font-size:15px}.panel-heading p{line-height:1.5}.account-fields{grid-template-columns:1fr 1fr}.nominal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.nominal-card{padding:13px 11px}.summary-panel{padding:17px}.site-footer{gap:12px}}