:root{--background-dash: 220 20% 7%;--foreground-dash: 0 0% 100%;--card-dash: 220 18% 10%;--card-secondary-dash: 220 16% 12%;--primary-dash: 25 95% 53%;--primary-hover-dash: 25 95% 58%;--primary-glow-dash: 25 95% 53%;--success-dash: 142 76% 36%;--success-hover-dash: 142 76% 41%;--success-bg-dash: 142 76% 36%;--info-dash: 221 83% 53%;--info-bg-dash: 221 83% 53%;--warning-dash: 45 93% 47%;--warning-bg-dash: 45 93% 47%;--danger-dash: 0 84% 60%;--danger-hover-dash: 0 84% 65%;--danger-bg-dash: 0 84% 60%;--border-dash: 220 15% 20%;--input-dash: 220 18% 10%;--ring-dash: 25 95% 53%;--muted-dash: 220 15% 35%;--muted-foreground-dash: 220 10% 60%;--radius-dash: .75rem;--gradient-primary-dash: linear-gradient( 135deg, hsl(25 95% 53%) 0%, hsl(25 95% 48%) 100% );--gradient-success-dash: linear-gradient( 135deg, hsl(142 76% 36%) 0%, hsl(142 76% 41%) 100% );--gradient-card-dash: linear-gradient( 135deg, hsl(267, 18%, 10%) 0%, hsl(240, 30%, 15%) 100% );--shadow-card-dash: 0 10px 30px -10px rgba(0, 0, 0, .5);--shadow-button-dash: 0 4px 12px -2px rgba(251, 146, 60, .4);--transition-dash: all .3s cubic-bezier(.4, 0, .2, 1)}.container-dash{width:100%;max-width:72rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}.page-wrapper-dash{min-height:100vh;padding:1.5rem 1rem}@media (min-width: 640px){.page-wrapper-dash{padding:1.5rem}}@media (min-width: 1024px){.page-wrapper-dash{padding:2rem}}.page-header-dash{display:flex;align-items:center;margin-bottom:1.5rem}.header-accent-dash{width:.25rem;height:2.5rem;background-color:hsl(var(--primary-dash));border-radius:9999px;margin-right:.75rem;box-shadow:var(--shadow-button-dash)}.header-title-dash{font-size:1.25rem;font-weight:700;color:hsl(var(--foreground-dash))}@media (min-width: 768px){.header-title-dash{font-size:1.5rem}}.card-dash{position:relative;overflow:hidden;background:var(--gradient-card-dash);border-radius:var(--radius-dash);box-shadow:var(--shadow-card-dash);border:1px solid hsl(var(--border-dash));padding:1rem;transition:var(--transition-dash)}@media (min-width: 768px){.card-dash{padding:1.5rem}}.card-dash:hover{transform:scale(.99)}.card-glow-dash{position:absolute;top:0;right:0;height:10rem;width:10rem;background-color:hsl(var(--primary-dash));opacity:.1;border-radius:9999px;margin-top:-5rem;margin-right:-5rem;filter:blur(3rem)}.card-profile-dash{margin-bottom:2rem}.card-stat-dash{padding:1.5rem;border-left:4px solid currentColor}.card-stat-dash:hover{transform:scale(.98)}.flex-dash{display:flex}.flex-col-dash{display:flex;flex-direction:column}.flex-center-dash{display:flex;align-items:center}.flex-between-dash{display:flex;justify-content:space-between}.flex-wrap-dash{flex-wrap:wrap}.items-center-dash{align-items:center}.items-start-dash{align-items:flex-start}.justify-between-dash{justify-content:space-between}.justify-end-dash{justify-content:flex-end}.gap-3-dash{gap:.75rem}.gap-4-dash{gap:1rem}.gap-6-dash{gap:1.5rem}.grid-dash{display:grid}.grid-cols-1-dash{grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width: 640px){.grid-cols-2-dash{grid-template-columns:repeat(2,minmax(0,1fr))}}.btn-dash{padding:.5rem 1rem;border-radius:var(--radius-dash);font-weight:500;transition:var(--transition-dash);display:inline-flex;align-items:center;cursor:pointer;border:none}.btn-primary-dash{background:linear-gradient(to right,hsl(var(--primary-dash)),hsl(var(--primary-hover-dash)));color:hsl(var(--foreground-dash));box-shadow:var(--shadow-button-dash)}.btn-primary-dash:hover{transform:scale(1.05)}.btn-success-dash{background:linear-gradient(to right,hsl(var(--success-dash)),hsl(var(--success-hover-dash)));color:hsl(var(--foreground-dash));box-shadow:var(--shadow-button-dash)}.btn-success-dash:hover{transform:scale(1.05)}.btn-danger-dash{background:linear-gradient(to right,hsl(var(--danger-dash)),hsl(var(--danger-hover-dash)));color:hsl(var(--foreground-dash));box-shadow:var(--shadow-button-dash)}.btn-danger-dash:hover{transform:scale(1.05)}.btn-secondary-dash{background-color:hsl(var(--card-secondary-dash));color:hsl(var(--foreground-dash));box-shadow:var(--shadow-card-dash);border:1px solid hsl(var(--border-dash))}.btn-secondary-dash:hover{background-color:hsl(var(--border-dash))}.btn-icon-dash{padding:.5rem}.badge-dash{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:9999px;font-size:.75rem}.badge-muted-dash{background-color:hsl(var(--card-secondary-dash));color:hsl(var(--muted-foreground-dash));border:1px solid hsl(var(--border-dash))}.badge-info-dash{background:linear-gradient(to right,hsl(var(--info-dash)),hsl(var(--info-dash)) / .8);color:hsl(var(--foreground-dash));font-weight:500;box-shadow:0 1px 2px #0000000d;padding:.25rem .75rem}.badge-success-dash{background-color:color-mix(in srgb,hsl(var(--success-dash)) 20%,transparent);color:hsl(var(--success-dash));border:1px solid color-mix(in srgb,hsl(var(--success-dash)) 30%,transparent)}.badge-warning-dash{background-color:color-mix(in srgb,hsl(var(--warning-dash)) 20%,transparent);color:hsl(var(--warning-dash));border:1px solid color-mix(in srgb,hsl(var(--warning-dash)) 30%,transparent)}.badge-danger-dash{background-color:color-mix(in srgb,hsl(var(--danger-dash)) 20%,transparent);color:hsl(var(--danger-dash));border:1px solid color-mix(in srgb,hsl(var(--danger-dash)) 30%,transparent)}.badge-process-dash{background-color:color-mix(in srgb,hsl(var(--info-dash)) 20%,transparent);color:hsl(var(--info-dash));border:1px solid color-mix(in srgb,hsl(var(--info-dash)) 30%,transparent)}.icon-container-dash{background:linear-gradient(to bottom right,hsl(var(--primary-dash)),hsl(var(--primary-hover-dash)));border-radius:var(--radius-dash);padding:.75rem;margin-right:1.25rem;box-shadow:var(--shadow-button-dash)}.icon-stat-dash{padding:.75rem;border-radius:var(--radius-dash);margin-right:1rem;border:1px solid currentColor;opacity:.2}.text-xl-dash{font-size:1.25rem}.text-2xl-dash{font-size:1.5rem}.text-3xl-dash{font-size:1.875rem}.text-4xl-dash{font-size:2.25rem}@media (min-width: 768px){.text-xl-dash{font-size:1.5rem}.text-2xl-dash{font-size:1.875rem}.text-4xl-dash{font-size:2.25rem}}.text-bold-dash{font-weight:700}.text-medium-dash{font-weight:500}.text-sm-dash{font-size:.875rem}.text-xs-dash{font-size:.75rem}.text-uppercase-dash{text-transform:uppercase;letter-spacing:.05em}.text-muted-dash{color:hsl(var(--muted-foreground-dash))}.text-primary-dash{color:hsl(var(--primary-dash))}.text-center-dash{text-align:center}.mb-1-dash{margin-bottom:.25rem}.mb-2-dash{margin-bottom:.5rem}.mb-3-dash{margin-bottom:.75rem}.mb-4-dash{margin-bottom:1rem}.mb-6-dash{margin-bottom:1.5rem}.mb-8-dash{margin-bottom:2rem}.mb-10-dash{margin-bottom:2.5rem}.mt-2-dash{margin-top:.5rem}.mt-4-dash{margin-top:1rem}.ml-2-dash{margin-left:.5rem}.mr-2-dash{margin-right:.5rem}.mr-5-dash{margin-right:1.25rem}.space-x-3-dash>*+*{margin-left:.75rem}.w-full-dash{width:100%}.w-auto-dash{width:auto}@media (min-width: 768px){.md-w-auto-dash{width:auto}}.input-dash{width:100%;padding:1rem 1rem 1rem 3rem;background-color:hsl(var(--input-dash));border:1px solid hsl(var(--border-dash));color:hsl(var(--foreground-dash));border-radius:var(--radius-dash);transition:var(--transition-dash);-webkit-appearance:none;-moz-appearance:none;appearance:none}.input-dash:focus{outline:none;border-color:hsl(var(--primary-dash));box-shadow:0 0 0 4px color-mix(in srgb,hsl(var(--ring-dash)) 12%,transparent)}.input-container-dash{position:relative;margin-bottom:1.5rem}.input-icon-dash{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:hsl(var(--muted-foreground-dash))}.table-container-dash{overflow-x:auto;background:var(--gradient-card-dash);border-radius:var(--radius-dash);box-shadow:var(--shadow-card-dash);border:1px solid hsl(var(--border-dash))}.table-dash{width:100%;border-collapse:separate;border-spacing:0}.table-dash thead{background-color:hsl(var(--card-secondary-dash))}.table-dash th{padding:1rem 1.5rem;text-align:left;font-size:.75rem;font-weight:500;color:hsl(var(--muted-foreground-dash));text-transform:uppercase;letter-spacing:.05em}.table-dash td{padding:1rem 1.5rem;color:hsl(var(--foreground-dash))}.table-dash tbody tr{border-top:1px solid hsl(var(--border-dash))}.table-dash tbody tr:hover{background-color:color-mix(in srgb,hsl(var(--card-secondary-dash)) 30%,transparent);transition:var(--transition-dash)}.table-footer-dash{padding:1rem 1.5rem;color:hsl(var(--muted-foreground-dash));font-size:.875rem;border-top:1px solid hsl(var(--border-dash))}.empty-state-dash{padding:2rem 1.5rem;text-align:center;color:hsl(var(--muted-foreground-dash));font-size:.875rem}.stat-value-dash{font-size:1.875rem;font-weight:700;color:hsl(var(--foreground-dash))}.stat-label-dash{color:hsl(var(--muted-foreground-dash));font-size:.875rem}.card-total-dash{background:var(--gradient-card-dash);border-radius:var(--radius-dash);box-shadow:var(--shadow-card-dash);padding:1.5rem;margin-bottom:2rem;border:1px solid hsl(var(--border-dash));text-align:center;position:relative;overflow:hidden;transition:var(--transition-dash)}@media (min-width: 768px){.card-total-dash{padding:2rem}}.card-total-dash:hover{transform:scale(.99)}.card-total-dash .card-glow-dash{height:8rem;width:8rem;margin-top:-4rem;margin-right:-4rem;filter:blur(2rem)}.card-total-dash .card-glow-dash:last-child{top:auto;right:auto;bottom:0;left:0;margin-top:0;margin-right:0;margin-bottom:-4rem;margin-left:-4rem}.relative-dash{position:relative}.z-10-dash{z-index:10}@keyframes pulse-dash{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse-dash{animation:pulse-dash 2s cubic-bezier(.4,0,.6,1) infinite}.link-dash{color:hsl(var(--primary-dash));cursor:pointer}.link-dash:hover{text-decoration:underline}@media (min-width: 768px){.md-flex-row-dash{flex-direction:row}.md-items-center-dash{align-items:center}.md-mb-0-dash{margin-bottom:0}}:root{--color-primary-markup: #5e2d8a;--color-bg-markup: #2b1a4a;--color-field-bg-markup: #1a0e2e;--color-accent-markup: #5c2d91;--color-text-markup: #dcd6ff}.contact-container-markup{max-width:1280px;margin:auto;border-radius:10px;color:var(--color-text-markup)}.contact-container-markup h1{font-size:28px;font-weight:600;color:#fff;margin-bottom:10px}.markup-card{display:flex;flex-direction:column;background-color:var(--color-bg-markup);padding:20px;border-radius:10px}.contact-container-markup label{font-weight:600;color:#fff;margin-bottom:12px;display:inline-block}.contact-container-markup input,.contact-container-markup select{width:100%;padding:12px;border-radius:6px;border:none;font-size:16px;background-color:var(--color-field-bg-markup);color:var(--color-text-markup);margin-bottom:16px}.contact-container-markup input::placeholder{color:var(--color-text-markup);opacity:.9}.btn-primary-markup{background-color:var(--color-primary-markup);color:#fff;padding:12px 16px;border:none;border-radius:8px;font-size:16px;cursor:pointer;transition:background-color .2s ease}.btn-primary-markup:hover{background-color:var(--color-accent-markup)}.flex-group-markup{display:flex;gap:15px;flex-wrap:wrap}.flex-group-markup>div{flex:1;min-width:220px}.markup2-wrapper-markup{padding:20px 0;color:#fff}.markup2-container-markup{width:1280px;margin:auto}.markup2-title-markup{font-size:28px;font-weight:700;margin-bottom:20px}.markup2-search-markup{width:100%;padding:12px 15px;font-size:16px;border:2px solid var(--color-accent-markup);border-radius:10px;background-color:color-mix(in oklab,var(--color-bg-markup) 90%,black 10%);color:#fff;margin-bottom:16px}.markup2-search-markup::placeholder{color:var(--color-text-markup);opacity:.8}.table-wrapper-markup{overflow-x:auto;width:100%}.markup2-table-markup{width:100%;border-collapse:collapse;border-radius:12px;overflow:hidden;min-width:720px}.markup2-table-markup thead{background-color:color-mix(in oklab,var(--color-primary-markup) 70%,black 30%)}.markup2-table-markup th,.markup2-table-markup td{padding:14px 12px;text-align:left;color:#ddd}.markup2-table-markup tbody tr{border-bottom:1px solid var(--color-accent-markup);background-color:color-mix(in oklab,var(--color-field-bg-markup) 70%,black 30%)}.markup2-table-markup tbody tr:nth-child(2n){background-color:var(--color-field-bg-markup)}.markup2-table-markup tbody tr:hover{background-color:var(--color-accent-markup);color:#fff}.markup2-pagination-markup{margin-top:16px;display:flex;justify-content:center;gap:10px}.btn-page-markup{background-color:color-mix(in oklab,var(--color-primary-markup) 85%,black 15%);color:#fff;border:none;padding:10px 16px;border-radius:8px;cursor:pointer;transition:background-color .2s ease}.btn-page-markup:hover{background-color:var(--color-accent-markup)}@media (min-width: 1024px) and (max-width: 1280px){.contact-container-markup,.markup2-container-markup{width:1024px;margin:auto;padding:16px}}@media (min-width: 768px) and (max-width: 1024px){.contact-container-markup,.markup2-container-markup{max-width:768px;margin:auto;padding:16px}}@media (min-width: 640px) and (max-width: 768px){.contact-container-markup,.markup2-container-markup{max-width:576px;margin:auto;padding:16px}}@media (max-width: 640px){.contact-container-markup,.markup2-container-markup{width:100%;max-width:576px;margin:auto;padding:16px}}.otp-wrapper{display:flex;justify-content:center;align-items:center;padding:60px 20px}.otp-container{width:100%;max-width:576px;background-color:#2c003e;padding:40px;border-radius:16px;box-shadow:0 10px 25px #0006}.otp-container h1{font-size:24px;font-weight:600;margin-bottom:10px}.otp-container p{font-size:14px;margin-bottom:20px;color:#fff}.form-group-otp{margin-bottom:20px}.form-group-otp label{display:block;margin-bottom:8px;font-weight:700;color:#fff}.form-group-otp input{width:100%;padding:12px;border:2px solid #a56eff;border-radius:10px;background-color:#3f1d5f;color:#fff;font-size:16px}.form-group-otp input::placeholder{color:#ccc}.btn-otp{width:100%;padding:14px;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:.3s ease}.btn-verify-otp{background:linear-gradient(to right,#a56eff,#d1a3ff);color:#fff;margin-bottom:15px}.btn-verify-otp:hover{background:linear-gradient(to right,#c586ff,#f0d1ff)}.settings-container-pengaturan{max-width:1280px;width:90%;background-color:#2b1a4a;padding:20px;border-radius:8px;display:flex;justify-content:space-between;margin:auto;box-sizing:border-box}.settings-section-pengaturan{width:48%}.settings-title-pengaturan{font-size:28px;font-weight:600;color:#fff;margin-bottom:10px}.settings-section-pengaturan p{font-size:16px;margin-bottom:20px;color:#fff}.settings-label-pengaturan{display:block;margin-top:10px;font-weight:700;color:#fff}.settings-input-pengaturan{width:100%;padding:10px;margin-top:5px;border:none;border-radius:5px;background-color:#1a0f2b;color:#dcd6ff;box-sizing:border-box;outline:none}.settings-input-pengaturan:focus{box-shadow:0 0 0 2px #5e2d8a}.settings-button-pengaturan{background:#5e2d8a;border:none;padding:10px 15px;border-radius:5px;color:#fff;cursor:pointer;width:100%;margin-top:20px}.settings-button-pengaturan:hover{background:#6c36a1}@media (min-width: 1024px) and (max-width: 1280px){.settings-container-pengaturan{width:1024px;margin:auto;padding:16px}}@media (min-width: 768px) and (max-width: 1024px){.settings-container-pengaturan{max-width:768px;margin:auto;padding:16px}}@media (min-width: 700px) and (max-width: 768px){.settings-container-pengaturan{max-width:576px;margin:auto;padding:16px}}@media (max-width: 640px){.settings-container-pengaturan{width:100%;max-width:640px;margin:auto;padding:16px;overflow-x:hidden;flex-direction:column;gap:20px}.settings-section-pengaturan{width:100%}}.error-text{color:#dc2626;font-size:.75rem;padding:4px;display:inline-block}:root{--bg-overlay-referral: rgba(0, 0, 0, .7);--bg-modal-referral: #111827;--bg-card-referral: #111827;--bg-empty-referral: rgba(17, 24, 39, .5);--bg-dark-referral: #1f2937;--bg-darker-referral: #0f172a;--border-referral: #374151;--border-hover-referral: rgba(99, 102, 241, .5);--border-color-referral: #374151;--text-referral: #e5e7eb;--text-main-referral: #f9fafb;--text-gray-referral: #9ca3af;--text-light-referral: #d1d5db;--text-indigo-referral: #6366f1;--indigo-referral: #6366f1;--purple-referral: #8b5cf6;--accent-start-referral: #6366f1;--accent-end-referral: #8b5cf6;--radius-referral: 1rem;--transition-referral: .3s ease;--shadow-referral: 0 4px 20px rgba(0, 0, 0, .4)}.referral-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay-referral);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:50}.referral-container-modal{background:var(--bg-modal-referral);border:1px solid var(--border-referral);border-radius:var(--radius-referral);padding:1rem;width:90%;max-width:350px;color:var(--text-referral);box-shadow:0 10px 25px #00000080}.referral-container{background:var(--bg-modal-referral);border:1px solid var(--border-referral);border-radius:var(--radius-referral);padding:1.25rem;width:90%;max-width:400px;color:var(--text-referral);box-shadow:0 10px 25px #00000080}.referral-title{font-size:1.75rem;font-weight:800;background:linear-gradient(to right,var(--indigo-referral),var(--purple-referral));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem}.referral-subtitle{color:var(--text-gray-referral);margin-bottom:2rem;font-size:1.125rem}.referral-option-list{display:flex;flex-direction:column;gap:1rem}.referral-option{border:2px solid var(--border-referral);border-radius:var(--radius-referral);padding:1.5rem;background:transparent;color:var(--text-referral);cursor:pointer;transition:var(--transition-referral)}.referral-option-random:hover{border-color:var(--indigo-referral);background:#6366f11a}.referral-option-custom:hover{border-color:var(--purple-referral);background:#8b5cf61a}.referral-option-title{display:block;font-weight:700;margin-bottom:.25rem}.referral-option-desc{font-size:.875rem;color:var(--text-gray-referral)}.referral-custom{display:flex;flex-direction:column;gap:1.5rem}.referral-label{font-weight:600;font-size:1.1rem;color:var(--text-referral)}.referral-input{padding:1rem;border-radius:var(--radius-referral);border:2px solid var(--border-referral);background:#1f2937;color:#fff;font-size:1rem;text-transform:uppercase;outline:none;transition:var(--transition-referral)}.referral-input:focus{border-color:var(--indigo-referral)}.referral-button-group{display:flex;gap:1rem}.referral-btn{flex:1;padding:.9rem;border-radius:var(--radius-referral);border:2px solid var(--border-referral);font-weight:600;cursor:pointer;transition:var(--transition-referral)}.referral-btn-back{background:transparent;color:var(--text-referral)}.referral-btn-back:hover{background:#374151}.referral-btn-create{background:linear-gradient(to right,var(--indigo-referral),var(--purple-referral));color:#fff;box-shadow:0 4px 15px #6366f166}.referral-btn-create:hover{opacity:.9}.referral-btn:disabled{opacity:.5;cursor:not-allowed}.referral-list{display:flex;flex-direction:column;gap:1.5rem}.referral-list-title{font-size:1.5rem;font-weight:700;border-bottom:1px solid var(--border-referral);padding-bottom:.5rem;color:var(--text-main-referral)}.referral-empty{border:2px dashed var(--border-referral);background:var(--bg-empty-referral);padding:3rem;text-align:center;border-radius:var(--radius-referral)}.referral-empty-text{color:var(--text-gray-referral);font-size:1.1rem}.referral-grid{display:grid;gap:1.5rem}@media (min-width: 768px){.referral-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.referral-grid{grid-template-columns:repeat(3,1fr)}}.referral-card{background:var(--bg-card-referral);border:1px solid var(--border-referral);border-radius:var(--radius-referral);padding:1.5rem;box-shadow:0 6px 16px #0006;transition:var(--transition-referral)}.referral-card:hover{border-color:var(--border-hover-referral);box-shadow:0 10px 25px #6366f14d}.referral-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.referral-label{text-transform:uppercase;font-size:.75rem;color:var(--text-gray-referral);letter-spacing:.05em}.referral-code{font-size:1.75rem;font-weight:800;color:var(--text-indigo-referral);margin-top:.25rem}.referral-date{text-align:right}.referral-date-text{font-size:.9rem;font-weight:500;color:var(--text-main-referral)}.referral-btn-group{display:flex;gap:.75rem}.referral-wrapper{padding:20px;color:var(--text-light-referral);font-family:Inter,sans-serif}.referral-container{max-width:1100px;margin:0 auto}.referral-header{background:linear-gradient(to bottom right,var(--bg-dark-referral),var(--border-color-referral));border:1px solid var(--border-color-referral);border-radius:var(--radius-referral);padding:32px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-referral)}.referral-user{display:flex;align-items:center;gap:24px}.referral-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(to bottom right,var(--accent-start-referral),var(--accent-end-referral));display:flex;align-items:center;justify-content:center;font-weight:800;font-size:24px;color:#fff}.referral-name{font-size:28px;font-weight:800;margin:0}.referral-email{font-size:18px;color:var(--text-gray-referral);margin-top:4px}.referral-btn{background:linear-gradient(to right,var(--accent-start-referral),var(--accent-end-referral));color:#fff;border:none;border-radius:8px;padding:8px 16px;font-weight:600;font-size:14px;cursor:pointer;box-shadow:0 0 10px #6366f180;transition:opacity .3s ease,transform .2s ease}.referral-btn:hover{opacity:.9;transform:scale(1.02)}.referral-btn-secondary{background:linear-gradient(to right,#47e642,#38d623);color:#fff;border:none;border-radius:8px;padding:8px 16px;font-weight:600;font-size:14px;cursor:pointer;box-shadow:0 0 10px #9ca3af66;transition:opacity .3s ease,transform .2s ease}.referral-btn-secondary:hover{opacity:.9;transform:scale(1.02)}.referral-btn-danger{background:linear-gradient(to right,#ef4444,#b91c1c);color:#fff;border:none;border-radius:8px;padding:8px 16px;font-weight:600;font-size:14px;cursor:pointer;box-shadow:0 0 10px #ef444466;transition:opacity .3s ease,transform .2s ease}.referral-btn-danger:hover{opacity:.9;transform:scale(1.02)}.btn-tambah-referral{background:linear-gradient(to right,var(--accent-start-referral),var(--accent-end-referral));color:#fff;border:none;border-radius:8px;padding:8px 16px;font-weight:600;font-size:14px;cursor:pointer;box-shadow:0 0 10px #6366f180;transition:opacity .3s ease,transform .2s ease}.btn-tambah-referral:hover{opacity:.9;transform:scale(1.02)}.referral-table-section{margin-top:40px}.referral-table-title{font-size:22px;font-weight:700;border-bottom:1px solid var(--border-color-referral);padding-bottom:8px;margin-bottom:16px}.referral-table-wrapper{border:1px solid var(--border-color-referral);border-radius:var(--radius-referral);overflow:hidden;box-shadow:var(--shadow-referral)}.referral-table{width:100%;border-collapse:collapse;font-size:16px}.referral-table thead{background-color:var(--bg-dark-referral);color:var(--text-gray-referral)}.referral-table th,.referral-table td{padding:12px 24px;text-align:left;border-bottom:1px solid var(--border-color-referral)}.referral-empty{text-align:center;padding:48px 0;color:var(--text-gray-referral);font-style:italic}:root{--bg-tema: hsl(240, 29%, 20%);--surface-tema: hsl(240, 22%, 24%);--border-tema: hsl(240, 18%, 30%);--primary-tema: hsl(210, 90%, 56%);--accent-tema: hsl(170, 65%, 40%);--text-tema: hsl(0, 0%, 98%);--muted-tema: hsl(220, 9%, 70%);--shadow-tema: 0 6px 20px rgba(0, 0, 0, .35);--radius-tema: 12px}.page-tema{min-height:100dvh;color:var(--text-tema)}.container-tema{max-width:1100px;margin:0 auto;padding:40px 20px 64px}.header-tema{text-align:center;margin-bottom:20px}.title-tema{font-size:28px;font-weight:800}.subtitle-tema{margin-top:6px;color:var(--muted-tema);font-size:14px}.panel-tema{background:color-mix(in oklab,var(--surface-tema) 96%,transparent);border:1px solid var(--border-tema);border-radius:var(--radius-tema);padding:20px;box-shadow:var(--shadow-tema)}.grid-tema{display:grid;gap:16px;margin-top:14px;margin-bottom:8px}.grid-tema.two{grid-template-columns:1fr}@media (min-width: 900px){.grid-tema.two{grid-template-columns:1fr 1fr}}.section-title-tema{margin-top:18px;font-size:14px;font-weight:700;color:var(--muted-tema);text-transform:uppercase;letter-spacing:.08em}.card-tema{background:linear-gradient(180deg,color-mix(in oklab,var(--surface-tema) 100%,transparent),color-mix(in oklab,var(--surface-tema) 90%,transparent));border:1px solid var(--border-tema);border-radius:var(--radius-tema);padding:14px}.card-head-tema{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:10px}.card-title-tema{font-size:14px;font-weight:700}.card-hint-tema{color:var(--muted-tema);font-size:12px}.file-picker-tema{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;border:1px dashed var(--border-tema);background:color-mix(in oklab,var(--surface-tema) 85%,transparent);border-radius:10px;padding:10px 12px;cursor:pointer;transition:border-color .2s ease,background .2s ease}.file-picker-tema:hover{border-color:color-mix(in oklab,var(--primary-tema) 60%,var(--border-tema));background:color-mix(in oklab,var(--surface-tema) 92%,transparent)}.chip-tema{background:var(--primary-tema);color:#fff;font-weight:700;font-size:12px;padding:8px 10px;border-radius:10px}.hidden-input-tema{display:none}.file-name-tema{color:var(--muted-tema);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-preview-tema{margin-top:12px;border:1px solid var(--border-tema);background:color-mix(in oklab,var(--bg-tema) 88%,var(--surface-tema));border-radius:10px;padding:18px;display:grid;place-items:center}.preview-img-tema{width:220px;height:120px;object-fit:cover;border-radius:8px;box-shadow:0 4px 12px #00000040}.field-tema{display:flex;flex-direction:column;gap:8px}.field-head-tema{display:flex;justify-content:space-between;align-items:baseline}.field-label-tema{font-size:13px;font-weight:700}.muted-tema{color:var(--muted-tema);font-size:12px}.input-tema,.textarea-tema,.input-tema.with-prefix{background:color-mix(in oklab,var(--surface-tema) 92%,transparent);border:1px solid var(--border-tema);color:var(--text-tema);border-radius:10px;padding:12px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.input-tema:focus,.textarea-tema:focus,.input-tema.with-prefix:focus-within{border-color:var(--primary-tema);box-shadow:0 0 0 4px color-mix(in oklab,var(--primary-tema) 18%,transparent)}.input-tema.with-prefix{display:grid;grid-template-columns:auto 1fr;gap:8px;padding:0 10px 0 0}.prefix-tema{align-self:center;margin-left:12px;color:var(--muted-tema);font-weight:700}.input-plain-tema{background:transparent;border:0;color:inherit;padding:12px 0;outline:none;width:100%}.textarea-tema{resize:vertical}.tag-input-tema{display:flex;flex-wrap:wrap;gap:8px;padding:10px;border:1px dashed var(--border-tema);background:color-mix(in oklab,var(--surface-tema) 88%,transparent);border-radius:10px}.tag-tema{background:color-mix(in oklab,var(--accent-tema) 22%,var(--surface-tema));border:1px solid color-mix(in oklab,var(--accent-tema) 40%,var(--border-tema));padding:6px 8px;border-radius:999px;font-size:12px;display:inline-flex;gap:6px;align-items:center}.tag-close-tema{background:transparent;border:0;color:var(--muted-tema);cursor:pointer;line-height:1;font-size:14px}.tag-editor-tema{flex:1;min-width:220px;background:transparent;border:0;color:var(--text-tema);outline:none;padding:6px 4px}.actions-tema{margin-top:20px}.btn-tema.primary{width:100%;background:var(--primary-tema);color:#fff;border:0;padding:14px 16px;border-radius:12px;font-weight:800;transition:transform .05s ease,box-shadow .2s ease,background .2s ease;box-shadow:0 10px 30px color-mix(in oklab,var(--primary-tema) 20%,transparent)}.btn-tema.primary:hover{background:color-mix(in oklab,var(--primary-tema) 90%,white 10%);transform:translateY(-1px)}.btn-tema.primary:active{transform:translateY(0)}.topup-section{background:linear-gradient(135deg,#2c1a47,#1b1035);border-radius:10px;padding:20px;margin-bottom:24px}.topup-section-title{font-size:18px;margin-bottom:6px;color:#e0d4fa}.topup-subtext{font-size:14px;color:#bbaed4;margin-bottom:12px}.topup-input{width:100%;padding:12px;border-radius:6px;border:none;background-color:#ded3f3;font-size:16px;color:#000}.topup2-container{max-width:1280px;margin:40px auto;box-sizing:border-box}.topup2-header{font-size:28px;font-weight:700;margin-bottom:20px}.topup2-search{width:100%;padding:12px 15px;font-size:16px;border:2px solid #5a2a7a;border-radius:10px;background-color:#2e1a42;color:#fff;margin-bottom:20px}.topup2-search::placeholder{color:#b29acb}.topup2-table{width:100%;border-collapse:collapse;border-radius:12px;min-width:700px;overflow:hidden}.topup2-table thead{background-color:#3f1d5f}.topup2-table th,.topup2-table td{padding:14px 12px;text-align:left;color:#ddd}.topup2-table tbody tr{border-bottom:1px solid #5c2d91;background-color:#2a1a40}.topup2-table tbody tr:nth-child(2n){background-color:#1e012f}.topup2-table tbody tr:hover{background-color:#5c2d91;color:#fff}.topup2-status,.topup2-btn{min-width:80px;height:32px;border-radius:5px;font-weight:600;font-size:13px;display:flex;align-items:center;justify-content:center;padding:0 10px;text-align:center}.topup2-unpaid{background-color:#8b1e2f;color:#fff}.topup2-paid{background-color:#28a745;color:#fff}.topup2-failed{background-color:#00072d;color:#fff}.topup2-btn{background-color:#a678f8;border:none;cursor:pointer;transition:.3s ease;color:#fff}.topup2-btn:hover{background-color:#c59fff;transform:scale(1.05)}.topup2-pagination{margin-top:20px;display:flex;justify-content:center;gap:10px}.topup2-pagination button{background-color:#4b1d75;color:#fff;border:none;padding:10px 16px;border-radius:8px;cursor:pointer;transition:.3s ease}.topup2-pagination button:hover{background-color:#60378a}.topup2-table-wrapper{overflow-x:auto;width:100%}.topup-pay-button{background:linear-gradient(135deg,#8052d3,#6c4ab6);color:#fff;border:none;border-radius:8px;padding:14px 32px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 8px #6c4ab64d}.topup-pay-button:hover{transform:translateY(-2px);box-shadow:0 6px 12px #6c4ab680;background:linear-gradient(135deg,#9465e5,#7c5bc6)}.topup-pay-button:active{transform:translateY(0);box-shadow:0 2px 4px #6c4ab64d}@media screen and (max-width: 1024px){.payment-option-group{grid-template-columns:1fr 1fr}}@media screen and (max-width: 768px){.topup2-container{width:100%;margin:20px auto;padding:0 12px}.topup2-header{font-size:22px}.topup2-search{font-size:14px;padding:10px 12px}.topup2-table th,.topup2-table td{font-size:13px;padding:10px}.payment-option-group{grid-template-columns:1fr}.payment-option{padding:12px}.topup-method-toggle{font-size:14px;padding:10px}.payment-logo{height:32px}.topup-section-title{font-size:16px}.topup-subtext{font-size:13px}.topup-input{font-size:14px;padding:10px}.topup-pay-button{padding:12px 24px;font-size:15px}}@media (min-width: 768px) and (max-width: 1024px){.topup2-header{font-size:22px}.topup2-search{font-size:14px;padding:10px 12px}.topup2-table th,.topup2-table td{font-size:13px;padding:10px}}:root{--ungu-tua: #1b1035;--ungu-muda: #2c1a47;--ungu-sedang: #3b2366;--ungu-hover: #160c2a;--putih: #ffffff;--abu: #ccc;--emas: gold}.buy-header-container{position:relative;background:url(/gambar/bg-buy.jpg) no-repeat center center;height:120px;border:1px solid #333;margin-top:-50px}.banner-game{width:100%;height:500px;background-repeat:no-repeat;background-position:top;background-size:cover}.info-buy{position:absolute;top:-20%;left:50px;width:180px;height:240px;background-repeat:no-repeat;background-position:center center;background-size:cover;z-index:10;margin-top:-45px;box-shadow:0 10px 20px #0006;border-radius:10px}.game-info{margin-left:250px;padding:20px;color:#fff}.game-info h2{font-size:1.75rem;font-weight:700;margin-bottom:8px}.game-info p{font-size:1rem;font-weight:400;margin-bottom:12px;color:#ddd}.game-info ul{display:flex;flex-wrap:wrap;gap:12px;list-style:none;padding:0;margin:0}.game-info ul li{background-color:var(--ungu-sedang);padding:8px 16px;border-radius:20px;font-size:.95rem;font-weight:500;white-space:nowrap;display:flex;align-items:center;gap:6px}.buy-container{display:grid;grid-template-columns:1fr 2fr;max-width:1280px;margin:0 auto;padding:24px;gap:20px;height:fit-content}.buy-left{position:sticky;top:90px;align-self:start;height:fit-content}.buy-right{overflow-y:auto;padding-right:8px}.buy-left,.buy-right{display:flex;flex-direction:column;gap:24px}.card-buy{background-color:var(--ungu-muda);color:var(--putih);padding:24px;border-radius:16px;box-shadow:0 10px 25px #0003}.card-buy-inner{padding:0 24px 24px}.card-buy-number{background-color:var(--ungu-muda);color:var(--putih);border-radius:16px;box-shadow:0 10px 25px #0003}.card-buy-title{font-size:1.25rem;font-weight:700;margin-bottom:16px}.card-buy-title-numbered{display:flex;align-items:center;font-size:1.25rem;font-weight:700;margin-bottom:16px;gap:12px;position:relative;border-bottom:1px solid #512da8}.card-buy-title-numbered .number{background:linear-gradient(135deg,#311b92,#7e57c2);color:var(--putih);border-radius:8px 0 0;padding:10px 24px;font-size:1.25rem;font-weight:700;height:50px;display:flex;align-items:center;justify-content:center}.card-buy-title-numbered .number svg{width:1.25rem;height:1.25rem}.card-buy-note{margin-top:16px;font-size:.875rem;color:var(--abu)}.form-buy-group{display:flex;gap:16px;margin-top:12px}.form-buy-group input{flex:1;padding:10px 12px;border:none;border-radius:8px;background-color:#d9dce1;font-size:.95rem;color:#000}.item-buy-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;padding:0 24px 24px}.item-buy{position:relative;padding:12px 20px;background-color:var(--ungu-sedang);color:var(--putih);border-radius:12px;font-size:.95rem;cursor:pointer;transition:background-color .3s ease;text-align:center}.item-buy:hover{background-color:var(--ungu-hover)}.item-buy.selected:before{content:"";position:absolute;top:-2px;left:-2px;width:calc(100% + 4px);height:calc(100% + 4px);border:2px solid #00d18f;border-radius:12px;z-index:1;pointer-events:none;clip-path:polygon(0 0,0 0,0 0,0 0);animation:borderReveal .8s ease forwards}.item-buy>*{position:relative;z-index:2}.item-buy.selected:after{content:"✓";position:absolute;top:8px;right:12px;background-color:#00d18f;color:#fff;border-radius:50%;font-size:12px;width:20px;height:20px;display:flex;justify-content:center;align-items:center;z-index:3;animation:popIn .3s ease}.rating{margin-top:10px;padding:0 24px 24px}.rating-score{font-size:2rem;font-weight:700}.rating-score span{font-size:1.2rem;font-weight:400}.rating-desc,.rating-count{font-size:.9rem;margin:4px 0;color:var(--abu)}.rating-bar{display:flex;align-items:center;gap:8px;margin-top:6px}.bar{height:8px;background-color:var(--emas);flex:1;border-radius:4px}.bar-5{width:90%}.bar-4{width:10%}.reviews{margin-top:20px;padding:0 24px 24px;border-top:1px solid #444}.review{padding:12px 0;border-bottom:1px solid #444}.review-header{display:flex;justify-content:space-between;align-items:center;color:#fff;font-size:.85rem;font-weight:700}.stars{color:gold;font-size:1rem}.diamonds{font-size:.85rem;color:#ccc;margin:4px 0}.comment{font-style:italic;font-size:.9rem;color:#eee}@media screen and (max-width: 1024px){.buy-container{grid-template-columns:1fr}.buy-left{position:static;top:auto}}.topup-method-group{display:flex;flex-direction:column;gap:12px}.topup-method{background-color:#3b2366;border-radius:8px;overflow:hidden}.topup-method-toggle{width:100%;background-color:#6c4ab6;color:#fff;padding:12px;font-size:16px;text-align:left;border:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.topup-method-panel{max-height:0;overflow:hidden;opacity:0;background-color:#3a3a3a;padding:0 16px;transition:max-height .4s ease,opacity .3s ease,padding .3s ease}.topup-method-panel.open{max-height:1000px;opacity:1;padding:16px}.payment-option{position:relative;flex:1 1 calc(50% - 8px);min-width:240px;max-width:100%;padding:16px;background-color:#2c1a47;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;color:#fff;box-shadow:0 2px 4px #0000004d;transition:transform .2s ease,box-shadow .2s ease,background-color .3s ease}.payment-option:hover:not(.disabled){transform:translateY(-3px);box-shadow:0 6px 12px #6c4ab666}.payment-option.disabled{opacity:.5;cursor:not-allowed}.payment-option-group{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.payment-option img{margin-right:8px}.status{font-size:12px;font-weight:500;margin-top:4px;padding:2px 6px;border-radius:6px;display:inline-block;width:fit-content}.status.tersedia{background-color:#00d18f;color:#fff}.status.tidak-tersedia{background-color:#ff4d6d;color:#fff}.payment-name{text-align:center;font-size:14px;font-weight:600}.payment-header{display:flex;justify-content:center;align-items:center}.status{font-size:12px;padding:2px 6px;border-radius:4px}.status.tersedia{background-color:#00c983;color:#fff}.status.tidak-tersedia{background-color:#ff3b5c;color:#fff}.payment-name{text-align:center;margin-top:10px}.payment-option:hover{transform:translateY(-4px);box-shadow:0 4px 12px #0006;background-color:#3a2560}.payment-option.selected:before{content:"";position:absolute;top:-2px;left:-2px;width:calc(100% + 4px);height:calc(100% + 4px);border:2px solid #00d18f;border-radius:12px;animation:borderReveal .8s ease forwards;clip-path:polygon(0 0,0 0,0 0,0 0);z-index:1}.payment-option>*{position:relative;z-index:2}.payment-option.selected:after{content:"✓";position:absolute;top:8px;right:12px;background-color:#00d18f;color:#fff;border-radius:50%;font-size:12px;width:20px;height:20px;display:flex;justify-content:center;align-items:center;z-index:3;animation:popIn .3s ease}@keyframes borderReveal{0%{clip-path:polygon(0 0,0 0,0 0,0 0)}25%{clip-path:polygon(0 0,100% 0,100% 0,0 0)}50%{clip-path:polygon(0 0,100% 0,100% 100%,0 0)}75%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}@keyframes popIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.form-buy-group{display:flex;flex-direction:column;gap:.75rem}.form-buy-group input{padding:.75rem 1rem;border-radius:.5rem;border:none;background-color:#d9dee7;color:#333;font-size:1rem}.promo-group{display:flex;gap:.5rem;align-items:center}.promo-group input{flex:1}.card-buy-note{margin-top:.5rem;font-size:.9rem;color:#ccc}.form-group-horizontal{display:flex;gap:.5rem;margin-top:.5rem}.form-group-horizontal input{flex:1;padding:.75rem 1rem;border-radius:.5rem;border:none;background-color:#d9dee7;color:#333;font-size:1rem}.btn-promo{background:linear-gradient(135deg,#311b92,#7e57c2);color:#fff;padding:.75rem 1.25rem;border:none;border-radius:.5rem;cursor:pointer;font-weight:600;white-space:nowrap;transition:all .3s ease}.btn-promo:hover{background:linear-gradient(135deg,#4527a0,#9575cd);transform:translateY(-2px);box-shadow:0 4px 12px #7e57c266}.btn-payment{width:100%;background:linear-gradient(135deg,#311b92,#7e57c2);color:#fff;padding:1rem;font-size:1.1rem;font-weight:600;border:none;border-radius:.75rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease}.btn-payment:hover{background:linear-gradient(135deg,#4527a0,#9575cd);transform:translateY(-2px);box-shadow:0 6px 18px #7e57c266}@media (max-width: 600px){body{font-size:.9rem}.buy-header-container{position:relative;background:url(/gambar/bg-buy.jpg) no-repeat center center;height:90px;border:1px solid #333;margin-top:-50px}.banner-game{width:100%;height:200px;background-repeat:no-repeat;background-position:top;background-size:cover}.info-buy{position:absolute;top:-60%;left:20px;width:120px;height:150px;background:no-repeat center center;background-size:cover;z-index:10;margin-top:-0px;box-shadow:0 10px 20px #0006;border-radius:10px}.item-buy-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:0 24px 24px}.game-info{margin-left:170px;padding:12px;margin-top:0}.game-info h2{font-size:1.25rem}.game-info p{font-size:.875rem}.game-info ul li{font-size:.85rem;padding:6px 12px}.card-buy,.card-buy-inner{padding:16px}.card-buy-title,.card-buy-title-numbered{font-size:1.1rem}.card-buy-list li{font-size:.85rem;margin-bottom:6px}.card-buy-note{font-size:.75rem}.form-group input,.form-group-horizontal input{font-size:.9rem;padding:.5rem .75rem}.btn-promo,.btn-payment{font-size:.95rem;padding:.75rem 1rem}.promo-group{flex-direction:column;gap:.5rem}.payment-option{padding:12px}.payment-name{font-size:.85rem}.status{font-size:10px;padding:2px 4px}.rating-score{font-size:1.5rem}.rating-score span{font-size:1rem}.rating-desc,.rating-count{font-size:.8rem}.comment{font-size:.85rem}.payment-option-group{display:grid;grid-template-columns:repeat(1,1fr)}}.purchase-summary{padding:15px 0}.summary-item{display:flex;justify-content:space-between;margin-bottom:12px;font-size:14px}.summary-label{color:#fff}.summary-value{font-weight:500}.summary-divider{height:1px;background-color:#eee;margin:15px 0}.summary-total{font-size:16px;font-weight:700}.summary-total .summary-label,.summary-total .summary-value{color:#000}.scrollbar-keren::-webkit-scrollbar{width:12px;height:12px}.scrollbar-keren::-webkit-scrollbar-track{background:#7e7e7e;border-radius:10px}.scrollbar-keren::-webkit-scrollbar-thumb{background-color:#555;border-radius:10px;border:3px solid #777777}.scrollbar-keren::-webkit-scrollbar-thumb:hover{background-color:#0056b3}.scrollbar-keren{scrollbar-width:thin;scrollbar-color:#000caf #77777736}.search-container-cariPesanan{padding-top:40px;padding-bottom:20px;background:#2c003e;text-align:left;margin-top:-40px;display:flex;justify-content:center;align-items:center}.search-fill-cariPesanan{width:1280px;margin:auto}.search-container-cariPesanan h1{font-size:28px;font-weight:600;color:#fff;margin-bottom:10px}.search-container-cariPesanan p{font-size:16px;margin-bottom:40px;color:#fff}.search-container-cariPesanan .search-in-cariPesanan{font-size:14px;margin-bottom:10px;color:#fff}.search-container-cariPesanan a{color:#7d49a1;text-decoration:none;font-weight:700}.search-container-cariPesanan a:hover{text-decoration:underline;color:#b089cf}.search-box-cariPesanan{display:flex;gap:10px;justify-content:left;align-items:center;margin-top:15px}.search-box-cariPesanan input{padding:12px;border:2px solid #5a2a7a;border-radius:8px;width:100%;width:350px;font-size:16px;color:#fff;background-color:#2e1a42}.search-box-cariPesanan input::placeholder{color:#8e63b0}.search-transaksi{padding:20px 0;display:flex;justify-content:flex-start;align-items:center;background:linear-gradient(135deg,#2c003e,#1e012f);border-radius:12px;margin-bottom:20px;box-shadow:0 4px 15px #0000004d}.container-search-transaksi{margin-bottom:30px;display:flex;flex-direction:column;gap:10px}.container-search-transaksi label{font-size:16px;font-weight:600;color:#e5e7eb;margin-bottom:8px}.search-row{display:flex;gap:10px;align-items:center}.search-input{padding:12px 16px;border:2px solid #5a2a7a;border-radius:8px;width:100%;max-width:350px;font-size:16px;color:#fff;background-color:#2e1a42;transition:border-color .3s ease,box-shadow .3s ease}.search-input:focus{outline:none;border-color:#8e63b0;box-shadow:0 0 10px #8e63b080}.search-input::placeholder{color:#8e63b0}.search-button{background-color:#5a2a7a;color:#fff;border:none;padding:12px 20px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .3s ease,transform .2s ease;align-self:flex-start}.search-button:hover{background-color:#47215f;transform:scale(1.05)}.cari-transaksi-btn{background-color:#5a2a7a;color:#fff;border:none;padding:12px 20px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .3s ease,transform .2s ease;align-self:flex-start;display:flex;align-items:center;gap:8px}.cari-transaksi-btn:hover{background-color:#47215f;transform:scale(1.05)}.cari-transaksi-btn i{font-size:18px}.search-box-cariPesanan button{background-color:#5a2a7a;color:#fff;border:none;padding:12px 20px;border-radius:8px;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:.3s ease}.search-box-cariPesanan button:hover{background-color:#47215f;transform:scale(1.05)}.search-box-cariPesanan button i{font-size:18px}.transaksi-container-cariPesanan{padding-top:40px;width:1280px;margin:auto;border-radius:12px}.transaksi-container-cariPesanan h2{text-align:left;font-size:20px;font-weight:700;color:#fff;margin-bottom:10px}.transaksi-container-cariPesanan p{text-align:left;font-size:14px;font-weight:500;color:#fff;margin-bottom:30px}.table-container-cariPesanan{overflow-x:auto}.table-cariPesanan{width:100%;border-collapse:collapse;background:#2c003e;border-radius:10px;overflow:hidden;box-shadow:0 4px 8px #0009}.table-cariPesanan th,.table-cariPesanan td{padding:12px;text-align:left;border-bottom:1px solid #5c2d91;color:#ddd}.table-cariPesanan th{background-color:#3f1d5f;color:#fff}.table-cariPesanan tr:nth-child(2n){background-color:#1e012f}.table-cariPesanan tr:hover{background-color:#5c2d91;color:#fff}.empty-row{text-align:center!important;padding:40px 20px;color:#9ca3af;font-style:italic}.status-cariPesanan{display:inline-block;width:100px;text-align:center;padding:5px 10px;border-radius:5px;font-size:12px;font-weight:700;text-transform:uppercase}.success-cariPesanan{background-color:#28a745;color:#fff;border-radius:5px;padding:5px 10px}.failed-cariPesanan{background-color:#dc3545;color:#fff;border-radius:5px;padding:5px 10px}.proses-cariPesanan{background-color:#ffc107;color:#2c003e}@media (min-width: 1024px) and (max-width: 1280px){.search-fill-cariPesanan,.transaksi-container-cariPesanan{width:1024px;margin:auto;padding:16px}}@media (min-width: 768px) and (max-width: 1024px){.search-fill-cariPesanan,.transaksi-container-cariPesanan{max-width:768px;margin:auto;padding:16px}}@media (min-width: 640px) and (max-width: 768px){.search-fill-cariPesanan,.transaksi-container-cariPesanan{max-width:576px;margin:auto;padding:16px}.search-box-cariPesanan{flex-direction:column}.search-box-cariPesanan input{width:100%}.search-box-cariPesanan button{width:100%;padding:10px}}@media (max-width: 640px){.search-fill-cariPesanan,.transaksi-container-cariPesanan{width:100%;max-width:576px;margin:auto;padding:16px;overflow-x:none}.search-box-cariPesanan{flex-direction:column}.search-box-cariPesanan input{width:100%}.search-box-cariPesanan button{width:100%;padding:10px}}.search-layanan-container{padding:40px 20px;background:#2c003e;text-align:left;margin-top:-40px;display:flex;justify-content:center;align-items:center;width:100%;box-sizing:border-box}.search-layanan-fill{width:100%;max-width:1280px;margin:0 auto;padding:0 15px;box-sizing:border-box}.search-layanan-container h1{font-size:28px;font-weight:600;color:#fff;margin-bottom:10px}.search-layanan-container p{font-size:16px;max-width:550px;margin-bottom:40px;color:#fff}.search-layanan-container .search-layanan-in{font-size:14px;margin-bottom:10px;color:#fff}.search-layanan-container a{color:#a56eff;text-decoration:none;font-weight:700}.search-layanan-container a:hover{text-decoration:underline;color:#d1a3ff}.search-layanan-box{display:flex;gap:10px;justify-content:left;align-items:center;margin-top:15px;width:100%}.search-layanan-box label{color:#fff;font-size:16px;font-weight:700}.search-layanan-box select{padding:12px;border:2px solid #a56eff;border-radius:8px;width:100%;max-width:350px;font-size:16px;color:#fff;background-color:#3f1d5f;cursor:pointer}.search-layanan-box select option{background-color:#3f1d5f;color:#fff}.carousel-layanan-container{max-width:100%;overflow:hidden;margin:20px auto 0;position:relative;white-space:nowrap;scroll-behavior:smooth;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.carousel-layanan{display:flex;gap:10px;width:max-content}.carousel-layanan img{width:150px;height:150px;border-radius:12px;border:2px solid #d1a3ff;object-fit:cover}.layanan-container{padding:40px 15px;width:100%;max-width:1280px;margin:0 auto;box-sizing:border-box}.layanan-container h2{text-align:left;font-size:20px;font-weight:700;color:#fff;margin-bottom:10px}.layanan-container p{text-align:left;font-size:14px;font-weight:500;color:#fff;margin-bottom:30px}.table-layanan-container{width:100%;overflow-x:auto}.table-layanan-container table{width:100%;border-collapse:collapse;background:#2c003e;border-radius:10px;overflow:hidden;box-shadow:0 4px 8px #0009;table-layout:fixed}.table-layanan-container th,td{padding:12px;text-align:left;border-bottom:1px solid #5c2d91;color:#ddd;word-wrap:break-word}.table-layanan-container th{background-color:#3f1d5f;color:#fff}.table-layanan-container tr:hover{background-color:#5c2d91;color:#fff}.layanan-aktif{background-color:#25943d;display:inline-block;width:100%;max-width:100px;text-align:center;padding:5px 10px;border-radius:8px;font-size:12px;font-weight:700;text-transform:uppercase;box-shadow:0 2px 4px #0000004d;transition:background-color .3s ease,transform .3s ease;color:#fff}.layanan-aktif:hover{background-color:#218838;transform:scale(1.05)}.layanan-tidak-aktif{background-color:#a71b1b;display:inline-block;width:100%;max-width:100px;text-align:center;padding:5px 10px;border-radius:8px;font-size:12px;font-weight:700;text-transform:uppercase;box-shadow:0 2px 4px #0000004d;transition:background-color .3s ease,transform .3s ease;color:#fff}.layanan-tidak-aktif:hover{background-color:#c82333;transform:scale(1.05)}@media (max-width: 640px){.layanan-aktif,.layanan-tidak-aktif{font-size:10px;padding:4px 8px}}.button-layanan-row,.accordion-layanan-detail{display:none}.desktop-only{display:table-cell}@media (min-width: 1025px) and (max-width: 1280px){.search-layanan-fill,.layanan-container{width:100%;max-width:1024px}}@media (min-width: 769px) and (max-width: 1024px){.search-layanan-fill,.layanan-container{width:100%;max-width:768px}}@media (min-width: 641px) and (max-width: 768px){.search-layanan-fill,.layanan-container{width:100%;max-width:640px}.search-layanan-box{flex-direction:column;align-items:flex-start}.search-layanan-box select{max-width:100%}}@media (max-width: 640px){.search-layanan-container{padding:25px 15px}.search-layanan-fill,.layanan-container{width:100%;padding:25px}.search-layanan-box{flex-direction:column;align-items:flex-start}.search-layanan-box select{max-width:100%}.desktop-only{display:none}.table-layanan-container table{border:none;box-shadow:none;background:transparent}.table-layanan-container thead{display:none}.table-layanan-container tr.product-row{display:flex;flex-wrap:wrap;margin-bottom:16px;background-color:#2c003e;border-radius:8px;padding:12px;box-shadow:0 2px 4px #0000004d}.table-layanan-container tr.product-row td{display:block;text-align:left;padding:8px;border-bottom:none;position:relative}.table-layanan-container tr.product-row td[data-label=ID]{width:20%;padding-left:8px;font-weight:700}.table-layanan-container tr.product-row td[data-label=GAMES]{width:55%;padding-right:5px;white-space:normal}.table-layanan-container tr.product-row td[data-label=STATUS]{width:25%;text-align:right;padding-right:8px}.table-layanan-container tr.product-row td:before{content:none}.table-layanan-container tr.product-row td.mobile-hidden{display:none}.layanan-status{display:inline-block;width:auto;padding:4px 8px;border-radius:5px;font-size:12px;font-weight:700;text-transform:uppercase}.button-layanan-row{display:block;margin-bottom:20px}.button-layanan-row td{display:block;padding:0}.view-details-layanan-btn{display:block;background-color:#5c2d91;color:#fff;padding:10px 0;text-align:center;border-radius:4px;margin-top:0;font-size:14px;font-weight:700;cursor:pointer;border:none;width:100%}.view-details-layanan-btn:hover,.view-details-layanan-btn.active{background-color:#a56eff}.accordion-layanan-detail{display:block}.accordion-layanan-content{display:none;border:1px solid #5c2d91;padding:10px;background-color:#3f1d5f;border-radius:8px;margin:0 auto 10px;width:320px;box-shadow:0 2px 4px #0000004d}.accordion-layanan-content.active{display:block}.detail-layanan-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #5c2d91}.detail-layanan-label{font-weight:700;color:#a56eff}.detail-layanan-value{text-align:right;max-width:250px;word-wrap:break-word;word-break:break-word}}.game-section h2{font-size:24px;font-weight:700;padding:20px 0;text-transform:uppercase}.card-container{width:1280px;margin:auto;padding:16px}.title-container{display:flex;align-items:center;margin-bottom:20px}.back-button{background:none;border:none;cursor:pointer;padding:10px 10px 10px 0;display:flex;align-items:center;transition:.3s}.back-button svg{fill:#fff;width:24px;height:24px}.back-button:hover svg{fill:#d4a5ff}.game-store-title{font-size:24px;font-weight:700}.filter-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.search-container{display:flex;align-items:center;background-color:#2d3b55;padding:5px 10px;border-radius:50px;width:300px}.search-container input{background:transparent;border:none;outline:none;color:#fff;flex-grow:1;padding:5px}.search-icon{fill:#fff;width:14px;height:14px;margin-right:5px;margin-left:10px}.clear-icon{fill:#fff;width:16px;height:16px;cursor:pointer}.clear-icon:hover{fill:red}#sortSelect{background-color:#2d3b55;color:#fff;height:44px;width:250px;padding:8px 40px 8px 15px;border-radius:50px;border:none;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;position:relative}.sort-container label{margin-right:15px;font-weight:700;color:#fff;padding-right:10px}.sort-container{position:relative;display:flex;align-items:center}.sort-container:after{content:"";position:absolute;right:15px;width:16px;height:16px;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="white" class="bi bi-caret-down-fill" viewBox="0 0 16 16"><path d="M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z"/></svg>');background-repeat:no-repeat;background-size:contain;pointer-events:none}.menu{display:flex;justify-content:left;gap:8px;margin-bottom:15px}.menu-button{padding:6px 14px;font-size:16px;border:none;border-radius:50px;cursor:pointer;background-color:#2d2d53;color:#d3d3de;transition:background-color .3s ease,box-shadow .3s ease}.menu-button:hover{background-color:#4d3399;box-shadow:0 0 6px #6040bf}.menu-button.active{background-color:#6e42f0;box-shadow:0 0 10px #9271f4}.menu-button.disabled{opacity:.4;cursor:default;pointer-events:none}.alphabet-button{padding:6px 14px;font-size:16px;border:none;border-radius:8px;cursor:pointer;background-color:#2d2d53;color:#d3d3de;transition:background-color .3s ease,box-shadow .3s ease}.alphabet-button:hover{background-color:#4d3399;box-shadow:0 0 6px #6040bf}.alphabet-button.active{background-color:#6e42f0;box-shadow:0 0 10px #9271f4}.alphabet-button.disabled{opacity:.4;cursor:default;pointer-events:none}.letter-section{margin-bottom:20px}.letter-header{font-size:24px;font-weight:700;padding:10px 0;text-transform:uppercase;color:#fff;border-bottom:2px solid rgba(255,255,255,.2);margin-bottom:10px}.letter-section .card{display:inline-block;margin:10px}.cardGame-container{margin:auto;display:flex;align-items:flex-start}.game-container{flex:1}.sidebar{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;margin-bottom:15px}@media (min-width: 1024px) and (max-width: 1280px){.card-container{width:1024px;margin:auto;padding:16px}.cardGame-container{width:1024px;margin:auto}.grid{grid-template-columns:repeat(6,1fr);row-gap:2rem;column-gap:1.5rem}.card{width:179.2px;height:268.81px}}@media (min-width: 768px) and (max-width: 1024px){.card-container{max-width:768px;margin:auto;padding:16px}.cardGame-container{width:768px;margin:auto}.grid{grid-template-columns:repeat(4,1fr);row-gap:2rem;column-gap:1.5rem}.card{width:166px;height:249px}}@media (min-width: 640px) and (max-width: 768px){.game-store-title{font-size:18px;font-weight:700}.back-button svg{fill:#fff;width:18px;height:18px}.menu-container{width:100%;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}.menu-container::-webkit-scrollbar{display:none}.menu{display:flex;gap:10px;padding-bottom:10px}.menu-button{padding:10px 20px;border:none;border-radius:20px;cursor:pointer;background-color:#444;color:#fff;font-size:14px;flex:0 0 auto}.alphabet-button{padding:10px 20px;border:none;border-radius:8px;cursor:pointer;background-color:#444;color:#fff;font-size:14px;flex:0 0 auto}.sidebar{overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}.sidebar::-webkit-scrollbar{display:none}.card-container{max-width:576px;margin:auto;padding:16px}.cardGame-container{width:576px;margin:auto}.grid{grid-template-columns:repeat(4,1fr);row-gap:2rem;column-gap:1.5rem}.card{width:118px;height:177px}.filter-container{flex-direction:column;align-items:stretch;gap:10px}#sortSelect,.search-container,.sort-container{width:100%;font-size:14px;height:34px}.sort-container:after{width:12px;height:12px}}@media (max-width: 640px){.game-store-title{font-size:18px;font-weight:700;margin-left:5px}.back-button svg{fill:#fff;width:18px;height:18px}.menu-container{width:100%;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-bottom:10px}.menu-container::-webkit-scrollbar{display:none}.menu{display:flex;gap:8px;padding-bottom:10px;padding-left:5px}.menu-button{padding:8px 16px;border:none;border-radius:20px;cursor:pointer;background-color:#444;color:#fff;font-size:13px;flex:0 0 auto}.alphabet-button{padding:8px 16px;border:none;border-radius:8px;cursor:pointer;background-color:#444;color:#fff;font-size:13px;flex:0 0 auto}.sidebar{overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}.sidebar::-webkit-scrollbar{display:none}.card-container{width:100%;max-width:576px;margin:auto;padding:12px;overflow-x:hidden}.cardGame-container{width:100%;max-width:576px;margin:auto}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;width:100%;padding-bottom:10px}.card{width:100%;height:auto;aspect-ratio:2/3;margin:0}.filter-container{flex-direction:column;align-items:stretch;gap:10px;margin-bottom:15px}#sortSelect,.search-container,.sort-container{width:100%;font-size:14px;height:34px}.sort-container:after{width:12px;height:12px;right:10px}.letter-header{font-size:20px;padding:8px 0}.letter-section{margin-bottom:15px}.letter-section .card{margin:5px}}@media (max-width: 480px){.grid{grid-template-columns:repeat(2,1fr);gap:10px}.menu-button,.alphabet-button{font-size:11px;padding:6px 12px}.sidebar{overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}.sidebar::-webkit-scrollbar{display:none}.card-container{padding:10px}}@media (max-width: 768px){.menu-button,.alphabet-button{font-size:12px;padding:8px 16px}}@media (max-width: 480px){.menu-button,.alphabet-button{font-size:10px;padding:5px 12px}}.tidak-ada{background-color:#6e42f0;color:#fff;padding:15px;text-align:center;border-radius:8px;font-size:16px;font-weight:700}.slider-section{display:flex;justify-content:center;align-items:center;height:auto;overflow:hidden;padding:20px 0}.slider-container{position:relative;width:90vw;max-width:1280px;height:calc(90vw * (475 / 1280));border-radius:10px;overflow:hidden}.slider{display:flex;transition:transform .6s ease-in-out}.slide{flex:0 0 100%;display:flex;justify-content:center;align-items:center}.slide .slide-content{width:100%;height:100%;padding:0 10px}.slide img{width:100%;height:100%;object-fit:cover;border-radius:10px}.next-button{position:absolute;bottom:10px;right:10px;background-color:#6464ffb3;border:none;border-radius:50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:10;transition:background-color .3s ease,box-shadow .3s ease}.next-button:hover{background-color:#8c64ff;box-shadow:0 0 10px #8c64ffcc}.flash-sale-container{max-width:1280px;margin:auto;padding:20px;background:url(/gambar/bg_it.png);border-radius:15px;box-shadow:0 0 10px #0000001a}.flash-sale-title{text-align:left;font-size:24px;font-weight:700;margin-bottom:20px;color:#d9ccff;text-shadow:0 0 5px hsl(255,100%,80%),0 0 10px hsl(255,100%,70%)}.flash-sale-list .flash-sale-card:first-child{margin-left:10px}.flash-sale-slider{overflow-x:auto;width:100%;white-space:nowrap;scrollbar-width:none;padding:10px 0}.flash-sale-slider::-webkit-scrollbar{display:none}.flash-sale-list{display:flex;gap:20px;scroll-behavior:smooth}.flash-sale-card{background:url(/gambar/bg_purple.png);padding:10px;border-radius:10px;display:flex;align-items:center;gap:15px;min-width:300px;min-height:100px;transition:border .3s ease-in-out,box-shadow .3s ease-in-out;flex-shrink:0;position:relative}.ribbon-flash-sale{font-size:12px;font-weight:700;color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px}.ribbon-flash-sale svg{width:1.2em;height:1.2em}.ribbon-flash-sale{--r: .4em;position:absolute;bottom:5px;inset-inline:calc(-1 * var(--r));text-align:center;line-height:1.8;padding:calc(2 * var(--r)) .5em 0;border-radius:var(--r);--_g: 0 / var(--r) calc(2 * var(--r)) no-repeat;background:radial-gradient(100% 50% at right,#0005 98%,#0000 101%) 0 var(--_g),radial-gradient(100% 50% at left,#0005 98%,#0000 101%) 100% var(--_g),conic-gradient(at var(--r) calc(2 * var(--r)),#0000 25%,#0068ef 0) 0 0 / calc(100% - var(--r)) 100%}.flash-sale-card img{width:80px;height:80px;border-radius:8px}.flash-sale-card p{font-size:16px;color:#1a0066}.flash-sale-card small{font-size:12px;color:#1a0066}.flash-sale-card:hover{border:2px solid white;box-shadow:0 0 10px #fffc}.popular-container{max-width:1280px;margin:auto;padding:20px}.popular-game-title{text-align:left;font-size:24px;font-weight:700;margin-bottom:20px}.popular-game-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;justify-content:center}@media (min-width: 455px){.popular-game-list{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.popular-game-list{grid-template-columns:repeat(3,1fr)}}.popular-game-card{background:url(/gambar/bg_popular2.png);padding:10px;border-radius:10px;display:flex;align-items:center;gap:15px;max-width:405px;max-height:180px;transition:outline .3s ease-in-out;position:relative}.ribbon-popular{font-size:12px;font-weight:700;color:#fff}.ribbon-popular{--f: .5em;position:absolute;top:0;right:0;line-height:1.8;padding-inline:1lh;padding-bottom:var(--f);border-image:conic-gradient(#0008 0,#0008 0) 51% / var(--f);clip-path:polygon(100% calc(100% - var(--f)),100% 100%,calc(100% - var(--f)) calc(100% - var(--f)),var(--f) calc(100% - var(--f)),0 100%,0 calc(100% - var(--f)),999px calc(100% - var(--f) - 999px),calc(100% - 999px) calc(100% - var(--f) - 999px));transform:translate(calc((1 - cos(45deg))*100%),-100%) rotate(45deg);transform-origin:0% 100%;background-color:indigo}.popular-game-card img{width:80px;height:80px;border-radius:8px}.popular-game-card p{font-size:14px}.popular-game-card small{font-size:12px}.popular-game-card:hover{border:2px solid hsl(255,85%,60%);box-shadow:0 0 10px #6e42f0;transform:scale(1.05);transition:all .3s ease-in-out}.card-container,.carousel-container{width:1280px;margin:auto;padding:16px}.menu{display:flex;justify-content:left;gap:10px;margin-bottom:20px}.menu-button{padding:10px 20px;border:none;border-radius:20px;cursor:pointer;background-color:#2d2d53;color:#d3d3de;font-size:14px;transition:background-color .3s ease,box-shadow .3s ease}.menu-button:hover{background-color:#4d3399;box-shadow:0 0 10px #6040bf}.menu-button.active{background-color:#6e42f0;box-shadow:0 0 15px #9271f4}.grid{display:grid;row-gap:2rem;column-gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(188px,1fr));max-width:100%}.card img{width:100%;height:100%;object-fit:cover}.card{position:relative;width:188px;height:282px;border-radius:10px;overflow:hidden;background:#222;transition:border .3s ease-in-out;cursor:pointer}.card:hover{border:3px solid hsl(255,85%,60%);box-shadow:0 0 15px #9271f4;transition:all .3s ease-in-out}.card-info{position:absolute;bottom:0;left:0;width:100%;height:35%;background:linear-gradient(180deg,#0000,#0000004d 10%,#000);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:translateY(100%);transition:transform .5s ease-in-out}.card:hover .card-info{transform:translateY(0)}.card-info h3{font-size:16px;font-weight:700;margin:2px 0}.card-info p{font-size:12px;margin:0;opacity:.8}@media (min-width: 1281px){.grid{grid-template-columns:repeat(6,1fr)}}@media (min-width: 1024px) and (max-width: 1280px){.slider-container{width:1004px;height:calc(1004px * (475 / 1280))}.next-button{bottom:10px;right:20px;width:40px;height:40px}.flash-sale-container,.popular-container,.card-container,.carousel-container{width:1024px;margin:auto;padding:16px}.grid{grid-template-columns:repeat(5,1fr);row-gap:2rem;column-gap:1.5rem}.card{width:179.2px;height:268.81px}}@media (min-width: 768px) and (max-width: 1024px){.slider-container{width:748px;height:40vw}.next-button{bottom:5px;right:20px;width:30px;height:30px}.flash-sale-container,.popular-container,.card-container,.carousel-container{max-width:768px;margin:auto;padding:16px}.grid{grid-template-columns:repeat(4,1fr);row-gap:2rem;column-gap:1.5rem}.card{width:166px;height:249px}}@media (min-width: 640px) and (max-width: 768px){.slider-container{width:556px;height:calc(556px * (475 / 1280))}.next-button{bottom:5px;right:15px;width:30px;height:30px}.menu-container{width:100%;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}.menu-container::-webkit-scrollbar{display:none}.menu{display:flex;gap:10px;padding-bottom:10px}.menu-button{padding:10px 20px;border:none;border-radius:20px;cursor:pointer;background-color:#444;color:#fff;font-size:14px;flex:0 0 auto}.flash-sale-container,.popular-container,.card-container,.carousel-container{max-width:576px;margin:auto;padding:16px}.grid{grid-template-columns:repeat(4,1fr);row-gap:2rem;column-gap:1.5rem}.card{width:118px;height:177px}}@media (max-width: 640px){.slider-container{width:90vw;height:40vw}.next-button{bottom:5px;right:15px;width:30px;height:30px}.menu-container{width:100%;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}.menu-container::-webkit-scrollbar{display:none}.menu{display:flex;gap:10px;padding-bottom:10px}.menu-button{padding:10px 20px;border:none;border-radius:20px;cursor:pointer;background-color:#444;color:#fff;font-size:14px;flex:0 0 auto}.flash-sale-container{border-radius:0;width:100%;max-width:576px;margin:auto;padding:16px}.popular-container{width:100%;max-width:576px;margin:auto;padding:16px}.card-container{width:100%;max-width:576px;margin:auto;padding:16px;overflow-x:none}.carousel-container{width:100%;max-width:576px;margin:auto;padding:16px}.grid{display:flex;gap:1rem;overflow-x:auto;padding-bottom:10px;width:max-content;scroll-snap-type:x mandatory;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}.grid::-webkit-scrollbar{display:none}.card{flex:0 0 auto;width:118px;height:177px}}@media (max-width: 630px){.slider-container{height:40vw;width:95vw}}@media (max-width: 768px){.menu-button{font-size:12px;padding:8px 16px}}@media (max-width: 480px){.slider-container{height:50vw;width:95vw}.menu-button{font-size:10px;padding:5px 12px}.next-button{bottom:5px;right:15px;width:20px;height:20px}}.news-section{max-width:1280px;margin:auto;padding:20px}.news-section h2{text-align:left;margin-bottom:20px;font-size:24px;font-weight:700}.news-container{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.news-card{position:relative;background:#fff;border-radius:10px;box-shadow:0 4px 8px #0003;overflow:hidden;transition:transform .3s ease-in-out}.news-card:hover{transform:translateY(-5px)}.news-card img{width:100%;height:240px;object-fit:cover;border-radius:10px 10px 0 0}.news-content{position:absolute;bottom:0;left:0;width:100%;height:90px;background:url(/gambar/frame_news.png) no-repeat center/cover;color:#fff;padding:10px;text-align:center;border-radius:0 0 10px 10px}.news-content h3{margin:10px 0 5px;font-size:16px;font-weight:700;text-align:left;padding-left:10px;padding-top:5px}.news-content p{font-size:12px;text-align:left;padding-left:10px}@media (min-width: 1024px) and (max-width: 1280px){.news-section{width:1024px;padding:16px}}@media (min-width: 768px) and (max-width: 1024px){.news-section{max-width:768px;padding:16px}.news-container{grid-template-columns:repeat(2,1fr)}}@media (min-width: 640px) and (max-width: 768px){.news-section{max-width:576px;padding:16px}.news-container{grid-template-columns:repeat(2,1fr)}.news-content h3{font-size:14px;padding-left:5px;padding-top:10px}.news-content p{font-size:12px;padding-left:5px}}@media (max-width: 640px){.news-section{width:100%;max-width:576px;padding:16px}.news-container{grid-template-columns:repeat(1,1fr)}.news-content h3{font-size:14px;padding-left:5px;padding-top:10px}.news-content p{font-size:12px;padding-left:5px}}.ad-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity .4s ease}.ad-popup{position:relative;width:90%;max-width:500px;background:linear-gradient(to bottom,#5532aae6,#2d1464e6);border-radius:15px;overflow:hidden;box-shadow:0 0 25px #8c64ffcc;animation:glow 2s infinite alternate}@keyframes glow{0%{box-shadow:0 0 15px #8c64ffcc}to{box-shadow:0 0 30px #8c64ff}}.ad-content{padding:20px;text-align:center;color:#fff}.ad-popup h3{margin-top:10px;font-size:24px;color:#d9ccff;text-shadow:0 0 10px hsl(255,100%,80%)}.ad-popup p{margin:15px 0;font-size:16px}.ad-popup .promo-code{background:#fff3;padding:10px;border-radius:5px;font-size:18px;font-weight:700;letter-spacing:2px;margin:20px 0;border:1px dashed white}.close-ad{position:absolute;top:10px;right:10px;background:none;border:none;color:#fff;font-size:24px;cursor:pointer;transition:transform .3s ease;z-index:10}.close-ad:hover{transform:scale(1.2)}.ad-buttons{display:flex;justify-content:center;gap:10px;margin-top:20px}.ad-button{padding:12px 20px;border:none;border-radius:25px;font-size:16px;font-weight:700;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.primary-button{background:linear-gradient(to right,#9500ff,#0040ff);color:#fff}.secondary-button{background:#fff3;color:#fff;border:1px solid white}.ad-button:hover{transform:scale(1.05);box-shadow:0 0 15px #ffffff80}.ad-image{display:block;max-width:100%;height:auto;border-radius:10px 10px 0 0}.ad-overlay.active{opacity:1;visibility:visible}.ad-popup{transform:scale(.7);opacity:0;transition:transform .5s cubic-bezier(.18,1.25,.6,1),opacity .5s ease}.ad-overlay.active .ad-popup{transform:scale(1);opacity:1}.ad-timer{margin-top:15px;font-size:14px;color:#ffffffb3}#countdown{font-weight:700;color:#fff}@media (max-width: 640px){.ad-popup{max-width:90%}.ad-content{padding:15px}.ad-popup h3{font-size:20px}.ad-popup p{font-size:14px}.ad-button{padding:10px 15px;font-size:14px}.ad-buttons{flex-direction:column;gap:10px}}.contact-container h1{font-size:28px;font-weight:600;color:#fff;margin-bottom:10px}.contact-container p{font-size:16px;max-width:550px;margin-bottom:40px;color:#fff}.contact-container{max-width:900px;margin:30px auto;padding:20px;border-radius:10px;color:#ddd}.contact-container form{display:flex;flex-direction:column;gap:15px;background-color:#2b1a4a;padding:20px;border-radius:10px}.contact-container label{font-weight:700;color:#fff}.contact-container input,.contact-container textarea{width:100%;padding:12px;border-radius:5px;border:none;font-size:16px;background-color:#1a0e2e;color:#dcd6ff}.contact-container input::placeholder,.contact-container textarea::placeholder{color:#dcd6ff}.contact-container textarea{height:120px;resize:none}.contact-container button{background-color:#5e2d8a;color:#fff;padding:12px;border:none;border-radius:5px;font-size:16px;cursor:pointer;transition:.3s ease}.contact-container button:hover{background-color:#432065}.invoice-container{max-width:700px;margin:40px auto;padding:35px;border-radius:16px;background:#19192e;color:#e2e2f3;font-family:Poppins,sans-serif;box-shadow:0 6px 20px #00000080;border:1px solid hsl(265,60%,45%)}.header-invoice{margin-bottom:30px;text-align:center}.thanks-invoice{color:#8d52e0;font-size:16px;font-weight:600;margin-bottom:6px;text-transform:uppercase;letter-spacing:1px}.title-invoice{font-size:26px;font-weight:700;margin-bottom:10px;color:#fff}.subtitle-invoice{font-size:15px;margin-bottom:25px;color:#bbb}.order-id-invoice{color:#8d52e0;font-weight:600}.divider-invoice{height:1px;background:#ffffff1a;margin:25px 0}.product-info-invoice{display:flex;gap:20px;margin-bottom:20px;align-items:center}.product-image-invoice{width:100px;height:100px;border-radius:12px;overflow:hidden;border:2px solid hsl(265,60%,50%);background:#1f1b2e;box-shadow:0 4px 10px #0009}.product-image-invoice img{width:100%;height:100%;object-fit:contain}.product-details-invoice{flex:1}.product-name-invoice{font-size:20px;font-weight:600;margin-bottom:6px;color:#fff}.product-type-invoice{font-size:14px;margin-bottom:15px;color:#aaa}.user-id-invoice{margin-top:10px;font-size:14px}.user-id-label-invoice{color:#999;font-weight:500}.user-id-value-invoice{font-weight:600;color:#f5f5f5;margin-left:5px}.payment-info-invoice{display:flex;flex-wrap:wrap;gap:20px;margin-top:10px}.payment-section-invoice{flex:1 1 45%}.payment-label-invoice{font-size:14px;margin-bottom:5px;color:#aaa}.payment-value-invoice{font-size:15px;font-weight:600;color:#fff;padding:10px 14px;background:#21213b;border-radius:8px;border:1px solid rgba(138,79,255,.4);display:inline-flex;align-items:center}.status-invoice{display:inline-block;padding:6px 14px;border-radius:50px;font-size:13px;font-weight:600}.status-pending-invoice{background:#ffe58f;color:#5c4300}.status-unpaid-invoice{background:#ff5a5f;color:#fff}.status-paid-invoice{background:#4caf50;color:#fff}.payment-total-invoice{margin-top:35px;display:flex;justify-content:space-between;align-items:center}.total-label-invoice{font-size:18px;font-weight:600;color:#eee}.total-amount-invoice{font-size:20px;font-weight:700;color:#fff;padding:12px 22px;background:linear-gradient(135deg,#7f3cdd,#2e2eb8);border-radius:12px;border:1px solid hsl(265,60%,50%);box-shadow:0 4px 12px #00000080;display:inline-flex;align-items:center;gap:8px}.copy-icon-invoice{cursor:pointer;font-size:16px;opacity:.7;transition:all .2s}.copy-icon-invoice:hover{opacity:1;transform:scale(1.1)}.qr-code-invoice{display:flex;justify-content:center;margin:30px 0}.qr-code-invoice img{width:180px;height:180px;padding:12px;background:#fff;border-radius:12px;border:1px solid hsl(265,60%,50%)}@media (max-width: 768px){.invoice-container{padding:20px}.product-info-invoice{flex-direction:column;text-align:center}.payment-total-invoice{flex-direction:column;gap:12px}}.box-nobank{background:#242442;border:2px solid #60a5fa;border-radius:12px;padding:16px;margin-bottom:16px;color:#f3f4f6;box-shadow:0 4px 10px #0006}.nobank-title{font-size:.9rem;color:#d1d5db;margin-bottom:6px}.nobank-content{display:flex;align-items:center;justify-content:space-between}.nobank-value{font-size:1rem;font-weight:500}.nobank-copy{font-size:.8rem;font-weight:600;padding:4px 10px;border-radius:8px;border:1px solid #60a5fa;background:transparent;color:#bfdbfe;cursor:pointer;transition:all .3s ease}.nobank-copy:hover{background:#3b82f6;color:#fff}.box-carabayar{background:#242442;border:2px solid #34d399;border-radius:12px;padding:16px;margin-bottom:16px;color:#f3f4f6;box-shadow:0 4px 10px #0006}.carabayar-title{font-size:.9rem;color:#d1d5db;margin-bottom:6px}.carabayar-content{margin-top:4px}.carabayar-value{font-size:1rem;font-weight:500}.login-wrapper{display:flex;justify-content:center;align-items:center;padding:60px 20px}.login-container{width:100%;max-width:576px;background-color:#2c003e;padding:40px;border-radius:16px;box-shadow:0 10px 25px #0006}.login-container h1{font-size:24px;font-weight:600;margin-bottom:10px}.login-container p{font-size:14px;margin-bottom:15px;color:#fff}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:700;color:#fff}.form-group input{width:100%;padding:12px;border:2px solid #a56eff;border-radius:10px;background-color:#3f1d5f;color:#fff;font-size:16px}.form-group input::placeholder{color:#ccc}.password-input-container{position:relative}.password-input-container input{padding-right:40px}.toggle-password{position:absolute;right:15px;top:50%;transform:translateY(-50%);background:none;border:none;color:#fff;cursor:pointer;font-size:18px}.form-options{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;margin-bottom:25px;color:#fff}.form-options input[type=checkbox]{margin-right:8px}.form-options a{color:#ff8dd8;text-decoration:none}.form-options a:hover{text-decoration:underline;color:#d1a3ff}.btn{width:100%;padding:14px;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:.3s ease}.btn-login{background:linear-gradient(to right,#a56eff,#d1a3ff);color:#fff;margin-bottom:15px}.btn-login:hover{background:linear-gradient(to right,#c586ff,#f0d1ff)}.btn-register{background-color:#3f1d5f;color:#fff}.btn-register:hover{background-color:#5b3b80}.register-section{text-align:center;font-size:.9rem;color:#fff}.register-wrapper{display:flex;justify-content:center;align-items:center;padding:60px 20px}.register-container{background-color:#2c003e;padding:40px;border-radius:16px;box-shadow:0 10px 25px #0006}.grid-register{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr;grid-column-gap:20px;grid-row-gap:0px}.register-container h1{font-size:24px;font-weight:600;margin-bottom:10px}.register-container p{font-size:14px;margin-bottom:15px;color:#fff}@media (max-width: 768px){.grid-register{grid-template-columns:repeat(1,1fr)}}.section-megah{min-height:500px;width:100%;background:#f2f5f7;display:flex;justify-content:center;align-items:center;text-align:center;padding:20px}.content-megah{max-width:800px;background:#fffc;padding:20px;border-radius:10px;box-shadow:0 4px 10px #0000001a}@media (max-width: 768px){.content-megah{width:90%}}:root{--header-height: 2rem;--first-color: hsl(255, 85%, 60%);--title-color: hsl(245, 90%, 75%);--text-color: hsl(240, 15%, 85%);--body-color: hsl(240, 51%, 12%);--body-color-bg: hsl(240, 29%, 20%);--container-color: hsl(250, 45%, 20%);--border-color: hsl(250, 40%, 45%);--body-font: "Syne", sans-serif;--h2-font-size: 1.25rem;--normal-font-size: .938rem;--font-regular: 400;--font-medium: 500;--font-semi-bold: 600;--z-fixed: 100;--z-modal: 1000}@media screen and (min-width: 1023px){:root{--h2-font-size: 1rem;--normal-font-size: 1rem}}*{box-sizing:border-box;padding:0;margin:0}html{scroll-behavior:smooth}body,input,button{font-family:var(--body-font);font-size:var(--normal-font-size)}body{background-color:var(--body-color-bg);color:var(--text-color)}input,button{border:none;outline:none}ul{list-style:none}a{text-decoration:none}img{display:block;max-width:100%;height:auto}.container{max-width:1350px;margin-inline:.25rem;padding:1.3rem}.main{position:relative;height:100vh}.main__bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-1}.search,.login{position:fixed;left:0;top:0;width:100%;height:100%;z-index:var(--z-modal);background-color:#0a13431a;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);padding:8rem 1.5rem 0;opacity:0;pointer-events:none;transition:opacity .4s}.search__close,.login__close{position:absolute;top:2rem;right:2rem;font-size:1.5rem;color:var(--title-color);cursor:pointer}.header{position:fixed;top:0;left:0;width:100%;background-color:var(--body-color);box-shadow:0 2px 16px #14298f26;z-index:var(--z-fixed);border-bottom:1px solid hsl(0,0%,30%)}.nav{position:sticky;top:0;left:0;width:100%;height:var(--header-height);display:flex;justify-content:space-between;align-items:center}.nav__logo{color:var(--title-color);font-weight:var(--font-semi-bold);height:40px}.nav__actions{display:flex;align-items:center;column-gap:1rem}.nav__search,.nav__login,.nav__toggle,.nav__close{font-size:1.25rem;color:var(--title-color);cursor:pointer;transition:color .4s}:is(.nav__search,.nav__login,.nav__toggle,.nav__link):hover{color:var(--first-color)}@media screen and (max-width: 1023px){.nav__menu{position:fixed;top:-100%;left:0;background-color:var(--body-color);box-shadow:0 8px 16px #14298f26;width:100%;padding-block:4.5rem 4rem;transition:top .4s}:is(.nav__link):hover{color:var(--first-color)}.nav__link:after{display:none}}.nav__list{display:flex;flex-direction:column;row-gap:1rem;text-align:center}.nav__link svg{width:15px;height:15px}.nav__link{position:relative;color:var(--title-color);font-weight:400;font-size:12px;transition:color .4s;display:flex;flex-direction:row;gap:4px;align-items:center;justify-content:center;text-decoration:none}.nav__link.active{color:var(--first-color);font-weight:var(--font-semi-bold)}.nav__link.active:after{content:"";position:absolute;left:0;bottom:-23px;width:100%;height:1.5px;background-color:var(--first-color)}.nav__link:after{content:"";position:absolute;left:50%;bottom:-23px;width:0;height:1.5px;background-color:var(--first-color);transition:width .3s ease,left .3s ease}.nav__link:hover{color:var(--first-color)}.nav__link:hover:after{width:100%;left:0}.nav__close{position:absolute;top:1.15rem;right:1.5rem}.show-menu{top:0}.search__form{display:flex;align-items:center;column-gap:.5rem;background-color:var(--container-color);box-shadow:0 8px 32px #0a134333;padding-inline:1rem;border-radius:.5rem;transform:translateY(-1rem);transition:transform .4s}.search__icon{font-size:1.25rem;color:var(--title-color)}.search__input{width:100%;padding-block:1rem;background-color:var(--container-color);color:var(--text-color)}.search__input::placeholder{color:var(--text-color)}.show-search{opacity:1;pointer-events:initial}.show-search .search__form{transform:translateY(0)}.login__form,.login__group{display:grid}.login__form{background-color:var(--container-color);padding:2rem 1.5rem 2.5rem;box-shadow:0 8px 32px #0a134333;border-radius:1rem;row-gap:1.25rem;text-align:center;transform:translateY(-1rem);transition:transform .4s}.login__title{font-size:var(--h2-font-size);color:var(--title-color)}.login__group{row-gap:1rem}.login__label{display:block;text-align:initial;color:var(--title-color);font-weight:var(--font-medium);margin-bottom:.25rem}.login__input{width:100%;background-color:var(--container-color);border:2px solid var(--border-color);padding:1rem;border-radius:.5rem;color:var(--text-color)}.login__input::placeholder{color:var(--text-color)}.login__signup{margin-bottom:.5rem}.login__signup a{color:var(--first-color)}.login__forgot{display:inline-block;color:var(--first-color);margin-bottom:1.25rem}.login__button{display:inline-block;background-color:var(--first-color);width:100%;color:#fff;font-weight:var(--font-semi-bold);padding:1rem;border-radius:.5rem;cursor:pointer;transition:box-shadow .4s}.login__button:hover{box-shadow:0 4px 24px #1933b366}.show-login{opacity:1;pointer-events:initial}.show-login .login__form{transform:translateY(0)}.blur-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#3f3e3e62;padding:20px;border-radius:10px}@media screen and (min-width: 576px){.search,.login{padding-top:10rem}.search__form{max-width:450px;margin-inline:auto}.search__close,.login__close{width:max-content;top:5rem;left:0;right:0;margin-inline:auto;font-size:2rem}.login__form{max-width:400px;margin-inline:auto}}@media screen and (min-width: 1023px){.nav{height:calc(var(--header-height) + 2rem);column-gap:1rem}.nav__close,.nav__toggle{display:none}.nav__menu{margin-right:auto}.nav__list{flex-direction:row;column-gap:.5rem}.login__form{padding:3rem 2rem 3.5rem}}@media screen and (min-width: 1150px){.container{margin-inline:auto}}.kp-container-ex{max-width:600px;margin:auto;background:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 10px #0000001a;position:relative}.kp-title{text-align:center;font-size:20px;font-weight:700;margin-bottom:15px}.kp-container-in{display:flex;flex-direction:column;text-align:justify;font-size:12px}@media (min-width: 612px) and (max-width: 800px){.kp-container-ex{max-width:600px}}@media screen and (max-width: 612px){.kp-container-ex{max-width:90%;padding:15px}}.content{padding-top:90px;padding-bottom:80px;min-height:400px}@media (min-width: 1281px){.content{padding-top:90px;padding-bottom:80px}}@media (min-width: 1024px) and (max-width: 1280px){.content{padding-top:90px;padding-bottom:80px}}@media (min-width: 768px) and (max-width: 1024px){.content{padding-top:50px;padding-bottom:40px}}@media (min-width: 640px) and (max-width: 768px){.content{padding-top:50px;padding-bottom:40px}}@media (max-width: 640px){.content{padding-top:50px;padding-bottom:40px}}@media (max-width: 768px){.content{padding-top:50px;padding-bottom:40px}}@media (max-width: 480px){.content{padding-top:50px;padding-bottom:40px}}.pagination-container{display:flex;justify-content:space-between;align-items:center;margin-top:20px;gap:10px}.pagination-numbers{display:flex;gap:5px}.pagination-button,.pagination-number{padding:8px 12px;border:1px solid #5a2a7a;background-color:#2c003e;color:#fff;cursor:pointer;border-radius:4px;transition:all .3s ease}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.pagination-button:hover:not(:disabled),.pagination-number:hover{background-color:#5a2a7a}.pagination-number.active{background-color:#5a2a7a;font-weight:700}@media (max-width: 768px){.pagination-numbers{display:none}.pagination-container{justify-content:space-between}}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.loader{--w: 10ch;font-weight:700;font-family:monospace;font-size:30px;line-height:1.2em;letter-spacing:var(--w);width:var(--w);overflow:hidden;white-space:nowrap;color:#0000;animation:l17 2s infinite}.loader:before{content:"Loading..."}@keyframes l17{0%{text-shadow:calc(0 * var(--w)) -1.2em #000,calc(-1 * var(--w)) -1.2em #000,calc(-2 * var(--w)) -1.2em #000,calc(-3 * var(--w)) -1.2em #000,calc(-4 * var(--w)) -1.2em #000,calc(-5 * var(--w)) -1.2em #000,calc(-6 * var(--w)) -1.2em #000,calc(-7 * var(--w)) -1.2em #000,calc(-8 * var(--w)) -1.2em #000,calc(-9 * var(--w)) -1.2em #000}4%{text-shadow:calc(0 * var(--w)) 0 #000,calc(-1 * var(--w)) -1.2em #000,calc(-2 * var(--w)) -1.2em #000,calc(-3 * var(--w)) -1.2em #000,calc(-4 * var(--w)) -1.2em #000,calc(-5 * var(--w)) -1.2em #000,calc(-6 * var(--w)) -1.2em #000,calc(-7 * var(--w)) -1.2em #000,calc(-8 * var(--w)) -1.2em #000,calc(-9 * var(--w)) -1.2em #000}8%{text-shadow:calc(0 * var(--w)) 0 #000,calc(-1 * var(--w)) 0 #000,calc(-2 * var(--w)) -1.2em #000,calc(-3 * var(--w)) -1.2em #000,calc(-4 * var(--w)) -1.2em #000,calc(-5 * var(--w)) -1.2em #000,calc(-6 * var(--w)) -1.2em #000,calc(-7 * var(--w)) -1.2em #000,calc(-8 * var(--w)) -1.2em #000,calc(-9 * var(--w)) -1.2em #000}12%{text-shadow:calc(0 * var(--w)) 0 #000,calc(-1 * var(--w)) 0 #000,calc(-2 * var(--w)) 0 #000,calc(-3 * var(--w)) -1.2em #000,calc(-4 * var(--w)) -1.2em #000,calc(-5 * var(--w)) -1.2em #000,calc(-6 * var(--w)) -1.2em #000,calc(-7 * var(--w)) -1.2em #000,calc(-8 * var(--w)) -1.2em #000,calc(-9 * var(--w)) -1.2em #000}16%{text-shadow:calc(0 * var(--w)) 0 #000,calc(-1 * var(--w)) 0 #000,calc(-2 * var(--w)) 0 #000,calc(-3 * var(--w)) 0 #000,calc(-4 * var(--w)) -1.2em #000,calc(-5 * var(--w)) -1.2em #000,calc(-6 * var(--w)) -1.2em #000,calc(-7 * var(--w)) -1.2em #000,calc(-8 * var(--w)) -1.2em #000,calc(-9 * var(--w)) -1.2em #000}20%{text-shadow:calc(0 * var(--w)) 0 #000,calc(-1 * var(--w)) 0 #000,calc(-2 * var(--w)) 0 #000,calc(-3 * var(--w)) 0 #000,calc(-4 * var(--w)) 0 #000,calc(-5 * var(--w)) -1.2em #000,calc(-6 * var(--w)) -1.2em #000,calc(-7 * var(--w)) -1.2em #000,calc(-8 * var(--w)) -1.2em #000,calc(-9 * var(--w)) -1.2em #000}24%{text-shadow:calc(0 * var(--w)) 0 #000,calc(-1 * var(--w)) 0 #000,calc(-2 * var(--w)) 0 #000,calc(-3 * var(--w)) 0 #000,calc(-4 * var(--w)) 0 #000,calc(-5 * var(--w)) 0 #000,calc(-6 * var(--w)) -1.2em #000,calc(-7 * var(--w)) -1.2em #000,calc(-8 * var(--w)) -1.2em #000,calc(-9 * var(--w)) -1.2em #000}28%{text-shadow:calc(0 * var(--w)) 0 #000,calc(-1 * var(--w)) 0 #000,calc(-2 * var(--w)) 0 #000,calc(-3 * var(--w)) 0 #000,calc(-4 * var(--w)) 0 #000,calc(-5 * var(--w)) 0 #000,calc(-6 * var(--w)) 0 #000,calc(-7 * var(--w)) -1.2em #000,calc(-8 * var(--w)) -1.2em #000,calc(-9 * var(--w)) -1.2em #000}32%{text-shadow:calc(0 * var(--w)) 0 #000,calc(-1 * var(--w)) 0 #000,calc(-2 * var(--w)) 0 #000,calc(-3 * var(--w)) 0 #000,calc(-4 * var(--w)) 0 #000,calc(-5 * var(--w)) 0 #000,calc(-6 * var(--w)) 0 #000,calc(-7 * var(--w)) 0 #000,calc(-8 * var(--w)) -1.2em #000,calc(-9 * var(--w)) -1.2em #000}36%{text-shadow:calc(0 * var(--w)) 0 #000,calc(-1 * var(--w)) 0 #000,calc(-2 * var(--w)) 0 #000,calc(-3 * var(--w)) 0 #000,calc(-4 * var(--w)) 0 #000,calc(-5 * var(--w)) 0 #000,calc(-6 * var(--w)) 0 #000,calc(-7 * var(--w)) 0 #000,calc(-8 * var(--w)) 0 #000,calc(-9 * var(--w)) -1.2em #000}40%,60%{text-shadow:calc(0 * var(--w)) 0 #000,calc(-1 * var(--w)) 0 #000,calc(-2 * var(--w)) 0 #000,calc(-3 * var(--w)) 0 #000,calc(-4 * var(--w)) 0 #000,calc(-5 * var(--w)) 0 #000,calc(-6 * var(--w)) 0 #000,calc(-7 * var(--w)) 0 #000,calc(-8 * var(--w)) 0 #000,calc(-9 * var(--w)) 0 #000}64%{text-shadow:calc(0 * var(--w)) 0 #000,calc(-1 * var(--w)) 0 #000,calc(-2 * var(--w)) 0 #000,calc(-3 * var(--w)) 0 #000,calc(-4 * var(--w)) 0 #000,calc(-5 * var(--w)) 0 #000,calc(-6 * var(--w)) 0 #000,calc(-7 * var(--w)) 0 #000,calc(-8 * var(--w)) 0 #000,calc(-9 * var(--w)) 1.2em #000}68%{text-shadow:calc(0 * var(--w)) 0 #000,calc(-1 * var(--w)) 0 #000,calc(-2 * var(--w)) 0 #000,calc(-3 * var(--w)) 0 #000,calc(-4 * var(--w)) 0 #000,calc(-5 * var(--w)) 0 #000,calc(-6 * var(--w)) 0 #000,calc(-7 * var(--w)) 0 #000,calc(-8 * var(--w)) 1.2em #000,calc(-9 * var(--w)) 1.2em #000}72%{text-shadow:calc(0 * var(--w)) 0 #000,calc(-1 * var(--w)) 0 #000,calc(-2 * var(--w)) 0 #000,calc(-3 * var(--w)) 0 #000,calc(-4 * var(--w)) 0 #000,calc(-5 * var(--w)) 0 #000,calc(-6 * var(--w)) 0 #000,calc(-7 * var(--w)) 1.2em #000,calc(-8 * var(--w)) 1.2em #000,calc(-9 * var(--w)) 1.2em #000}76%{text-shadow:calc(0 * var(--w)) 0 #000,calc(-1 * var(--w)) 0 #000,calc(-2 * var(--w)) 0 #000,calc(-3 * var(--w)) 0 #000,calc(-4 * var(--w)) 0 #000,calc(-5 * var(--w)) 0 #000,calc(-6 * var(--w)) 1.2em #000,calc(-7 * var(--w)) 1.2em #000,calc(-8 * var(--w)) 1.2em #000,calc(-9 * var(--w)) 1.2em #000}80%{text-shadow:calc(0 * var(--w)) 0 #000,calc(-1 * var(--w)) 0 #000,calc(-2 * var(--w)) 0 #000,calc(-3 * var(--w)) 0 #000,calc(-4 * var(--w)) 0 #000,calc(-5 * var(--w)) 1.2em #000,calc(-6 * var(--w)) 1.2em #000,calc(-7 * var(--w)) 1.2em #000,calc(-8 * var(--w)) 1.2em #000,calc(-9 * var(--w)) 1.2em #000}84%{text-shadow:calc(0 * var(--w)) 0 #000,calc(-1 * var(--w)) 0 #000,calc(-2 * var(--w)) 0 #000,calc(-3 * var(--w)) 0 #000,calc(-4 * var(--w)) 1.2em #000,calc(-5 * var(--w)) 1.2em #000,calc(-6 * var(--w)) 1.2em #000,calc(-7 * var(--w)) 1.2em #000,calc(-8 * var(--w)) 1.2em #000,calc(-9 * var(--w)) 1.2em #000}88%{text-shadow:calc(0 * var(--w)) 0 #000,calc(-1 * var(--w)) 0 #000,calc(-2 * var(--w)) 0 #000,calc(-3 * var(--w)) 1.2em #000,calc(-4 * var(--w)) 1.2em #000,calc(-5 * var(--w)) 1.2em #000,calc(-6 * var(--w)) 1.2em #000,calc(-7 * var(--w)) 1.2em #000,calc(-8 * var(--w)) 1.2em #000,calc(-9 * var(--w)) 1.2em #000}92%{text-shadow:calc(0 * var(--w)) 0 #000,calc(-1 * var(--w)) 0 #000,calc(-2 * var(--w)) 1.2em #000,calc(-3 * var(--w)) 1.2em #000,calc(-4 * var(--w)) 1.2em #000,calc(-5 * var(--w)) 1.2em #000,calc(-6 * var(--w)) 1.2em #000,calc(-7 * var(--w)) 1.2em #000,calc(-8 * var(--w)) 1.2em #000,calc(-9 * var(--w)) 1.2em #000}96%{text-shadow:calc(0 * var(--w)) 0 #000,calc(-1 * var(--w)) 1.2em #000,calc(-2 * var(--w)) 1.2em #000,calc(-3 * var(--w)) 1.2em #000,calc(-4 * var(--w)) 1.2em #000,calc(-5 * var(--w)) 1.2em #000,calc(-6 * var(--w)) 1.2em #000,calc(-7 * var(--w)) 1.2em #000,calc(-8 * var(--w)) 1.2em #000,calc(-9 * var(--w)) 1.2em #000}to{text-shadow:calc(0 * var(--w)) 1.2em #000,calc(-1 * var(--w)) 1.2em #000,calc(-2 * var(--w)) 1.2em #000,calc(-3 * var(--w)) 1.2em #000,calc(-4 * var(--w)) 1.2em #000,calc(-5 * var(--w)) 1.2em #000,calc(-6 * var(--w)) 1.2em #000,calc(-7 * var(--w)) 1.2em #000,calc(-8 * var(--w)) 1.2em #000,calc(-9 * var(--w)) 1.2em #000}}.container-loader{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999}.loading-animation{width:fit-content;font-size:40px;font-family:system-ui,sans-serif;font-weight:700;text-transform:uppercase;color:#0000;-webkit-text-stroke:1px #aaaaaa;background:conic-gradient(from -135deg at 100% 50%,#fff 90deg,#fff0 0) text no-repeat,conic-gradient(from -135deg at 1lh 50%,#fff0 90deg,#fff 0) text no-repeat;animation:l6 2s linear infinite}.loading-animation:before{content:"Loading"}@keyframes l6{0%{background-size:0 200%;background-position:0 0,100% 0}50%{background-size:calc(60% + .5lh) 200%;background-position:0 0,100% 0}50.01%{background-size:calc(60% + .5lh) 200%;background-position:0 100%,100% 100%}to{background-size:0 200%;background-position:0 100%,100% 100%}}.swal2-popup{background-color:#1e1e2f!important;color:#e0e0e0!important;border:1px solid #333!important}.swal2-title{color:#fff!important}.swal2-html-container{color:#bbb!important}.swal2-confirm{background-color:#3b82f6!important;color:#fff!important;border:none!important}.swal2-cancel{background-color:#ef4444!important;color:#fff!important;border:none!important}.swal2-icon.swal2-warning{border-color:#facc15!important;color:#facc15!important}.swal2-icon.swal2-success{border-color:#22c55e!important;color:#22c55e!important}.swal2-icon.swal2-error{border-color:#ef4444!important;color:#ef4444!important}.footer{background-color:#1b1b32;padding:40px 30px;color:#d3d3de;border-top-left-radius:100px;position:relative;z-index:2}.footer-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;gap:40px;max-width:1200px;margin:0 auto}.footer-left{flex:1 1 300px;max-width:450px}.footer-left .logo{width:160px;margin-bottom:20px}.footer-left p{font-size:15px;line-height:1.7;margin-bottom:20px}.social-icons-footer{display:flex;gap:12px}.social-icons-footer a img{width:32px;transition:transform .2s ease}.social-icons-footer a img:hover{transform:scale(1.1)}.footer-right{flex:2 1 500px;display:flex;flex-wrap:wrap;gap:40px}.footer-column{min-width:150px}.footer-column h3{color:#9e75f0;font-size:16px;margin-bottom:10px}.footer-column ul{list-style:none;padding:0;margin:0}.footer-column ul li{margin:6px 0}.footer-column ul li a{text-decoration:none;color:#d1d1e0;font-size:14px;transition:color .3s ease}.footer-column ul li a:hover{color:#9e75f0}.footer-bottom{text-align:center;margin-top:40px;font-size:14px;color:#9d9daf;padding-top:20px;border-top:1px solid rgba(255,255,255,.05)}.payment-section-footer{padding:20px 0;text-align:center}.payment-title-footer{font-size:1.2rem;font-weight:600;margin-bottom:10px;color:#9e75f0}.payment-methods-footer{overflow:hidden}.payment-track-footer{display:flex;align-items:center;gap:40px;animation:scroll-left 20s linear infinite;width:max-content}.payment-track-footer img{height:40px;object-fit:contain;filter:grayscale(100%);opacity:.8;transition:filter .3s,opacity .3s}.payment-track-footer img:hover{filter:grayscale(0%);opacity:1}@keyframes scroll-left{0%{transform:translate(100%)}to{transform:translate(-100%)}}@media (max-width: 768px){.footer-container{flex-direction:column;align-items:center;text-align:center}.footer-right{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;justify-items:center;width:100%}.footer-column{min-width:auto;width:100%}.footer-column{margin-bottom:20px}.footer-left{max-width:100%}}@media (max-width: 768px){.footer-left{text-align:center}.footer-left .logo{margin-left:auto;margin-right:auto;display:block}.social-icons-footer{justify-content:center}}.floating-container{position:fixed;bottom:1rem;right:1rem;z-index:999;display:flex;align-items:flex-end;gap:.75rem}.balance-panel{background:linear-gradient(to right,#1e3a8a,#581c8780,#334155);color:#fff;border-radius:1rem;padding:1rem;min-width:220px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(99,102,241,.3);box-shadow:0 4px 15px #0003;display:none;margin-right:.5rem;animation:bounce-left-menu-footer 1s ease 0s 1 normal forwards}.balance-panel.show{display:block}.balance-content{display:flex;justify-content:space-between;align-items:center}.balance-label{font-size:.75rem;opacity:.8}.balance-amount{font-size:1.25rem;font-weight:700;margin-top:.25rem;display:block}.balance-icon{font-size:1.5rem;color:#facc15}.button-group{position:relative;display:flex;flex-direction:column;align-items:center}.floating-actions{position:absolute;bottom:100%;margin-bottom:.5rem;display:none;flex-direction:column;gap:.5rem;background:#1f2937cc;border:1px solid rgba(99,102,241,.3);padding:.75rem;border-radius:.75rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 4px 15px #0003;animation:bounce-top-menu-footer 1s ease 0s 1 normal forwards}.floating-actions.show{display:flex}.action-button{width:48px;height:48px;border-radius:9999px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;transition:all .3s ease;box-shadow:0 4px 10px #0000004d;border:none;cursor:pointer}.action-button:hover{transform:scale(1.1)}.admin{background:linear-gradient(to right,#4f46e5,#7c3aed)}.cs{background:linear-gradient(to right,#22c55e,#059669)}.balance-btn{background:linear-gradient(to right,#f59e0b,#f97316)}.menu-footer-button{width:56px;height:56px;border-radius:50%;font-size:24px;background:linear-gradient(to right,#6366f1,#8b5cf6);color:#fff;box-shadow:0 4px 10px #0000004d;transition:all .3s ease;cursor:pointer;border:10px solid rgba(255,255,255,.3)}.menu-footer-button:hover{transform:scale(1.1) rotate(360deg)}@keyframes bounce-top-menu-footer{0%{animation-timing-function:ease-in;opacity:1;transform:translateY(-45px)}24%{opacity:1}40%{animation-timing-function:ease-in;transform:translateY(-24px)}65%{animation-timing-function:ease-in;transform:translateY(-12px)}82%{animation-timing-function:ease-in;transform:translateY(-6px)}93%{animation-timing-function:ease-in;transform:translateY(-4px)}25%,55%,75%,87%{animation-timing-function:ease-out;transform:translateY(0)}to{animation-timing-function:ease-out;opacity:1;transform:translateY(0)}}@keyframes bounce-left-menu-footer{0%{animation-timing-function:ease-in;opacity:1;transform:translate(-48px)}24%{opacity:1}40%{animation-timing-function:ease-in;transform:translate(-26px)}65%{animation-timing-function:ease-in;transform:translate(-13px)}82%{animation-timing-function:ease-in;transform:translate(-6.5px)}93%{animation-timing-function:ease-in;transform:translate(-4px)}25%,55%,75%,87%,98%{animation-timing-function:ease-out;transform:translate(0)}to{animation-timing-function:ease-out;opacity:1;transform:translate(0)}}