@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@600;700&display=swap");:root{--ink:#17171a;--cream:#fffaf0;--paper:#fffdf8;--purple:#8b5cf6;--purple-dark:#6d3bd8;--yellow:#ffd84d;--pink:#ff83bd;--mint:#70e1b0;--blue:#77c7ff;--red:#ff6b6b;--muted:#706d75;--line:3px solid var(--ink);--shadow:5px 5px 0 var(--ink)}*{box-sizing:border-box}html{scroll-behavior:smooth}body,html{max-width:100%;overflow-x:hidden}body{margin:0;background:var(--cream);color:var(--ink);font-family:DM Sans,sans-serif}img{max-width:100%}button,input,select,textarea{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a{text-decoration:none}a,button{color:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 20px;background:var(--purple);color:white;border:var(--line);border-radius:12px;box-shadow:4px 4px 0 var(--ink);font-weight:800;cursor:pointer;transition:.15s}.btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}.btn:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}.btn.small{padding:9px 15px;border-width:2px;box-shadow:3px 3px 0 var(--ink)}.btn.secondary{background:white;color:var(--ink)}.btn.danger{background:var(--red)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.logo{display:flex;align-items:center;gap:10px;font-family:Space Grotesk,sans-serif;font-size:21px;font-weight:700;letter-spacing:-1px}.logo>span:last-child span{color:var(--purple)}.logo-mark{display:grid;place-items:center;width:38px;height:38px;background:var(--yellow);border:2.5px solid var(--ink);border-radius:10px;box-shadow:3px 3px 0 var(--ink)}.landing{min-height:100vh;overflow:hidden}.landing-nav{max-width:1180px;margin:auto;padding:24px 28px;justify-content:space-between}.landing-nav,.landing-nav>div{display:flex;align-items:center}.landing-nav>div{gap:28px;font-weight:700}.landing-nav a:not(.btn):hover{color:var(--purple)}.hero{min-height:680px;max-width:1180px;margin:0 auto;padding:55px 28px 80px;display:grid;grid-template-columns:1.03fr .97fr;grid-gap:80px;gap:80px}.eyebrow,.hero{align-items:center}.eyebrow{display:inline-flex;gap:8px;background:var(--yellow);border:2px solid var(--ink);border-radius:999px;padding:7px 13px;font-size:14px;font-weight:800;box-shadow:3px 3px 0 var(--ink);transform:rotate(-1deg)}.hero h1{font:700 clamp(54px,7vw,92px)/.92 Space Grotesk,sans-serif;letter-spacing:-6px;margin:30px 0 24px}.hero h1 span{color:var(--purple);text-shadow:3px 3px 0 var(--ink);-webkit-text-stroke:2px var(--ink)}.hero-copy>p{max-width:570px;font-size:19px;line-height:1.65;color:#4f4b54}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:32px}.hero-btn{padding:15px 22px;background:var(--purple)}.text-link{display:flex;align-items:center;gap:7px;font-weight:800;border-bottom:2px solid var(--ink)}.trust-row{display:flex;flex-wrap:wrap;gap:18px;margin-top:32px;font-size:13px;font-weight:700}.trust-row span{display:flex;align-items:center;gap:6px}.trust-row svg{width:17px;color:#159765}.form-error{color:#a31313!important;font-weight:700;font-size:14px!important}.hero-visual{min-height:480px;position:relative;display:grid;place-items:center}.shape{position:absolute;border:var(--line)}.shape-one{width:380px;height:380px;border-radius:46% 54% 63% 37%/47% 37% 63% 53%;background:var(--yellow);transform:rotate(-8deg)}.shape-two{width:340px;height:400px;border-radius:40px;background:var(--pink);transform:rotate(9deg)}.phone-card,.shape-two{box-shadow:8px 8px 0 var(--ink)}.phone-card{position:relative;z-index:2;width:320px;background:var(--paper);border:var(--line);border-radius:25px;padding:20px;transform:rotate(-2deg)}.phone-top{display:flex;align-items:center;justify-content:space-between;font-size:12px}.phone-top span{width:10px;height:10px;border-radius:50%;background:var(--mint);border:2px solid var(--ink)}.phone-top i{font-style:normal;background:#ede7ff;padding:4px 7px;border:1.5px solid var(--ink);border-radius:7px;font-weight:800}.service-row{display:flex;align-items:center;gap:12px;margin:24px 0 16px;padding-bottom:16px;border-bottom:2px dashed #bbb}.service-row .app-icon{width:50px;height:50px;display:grid;place-items:center;background:var(--mint);border:2px solid var(--ink);border-radius:13px;font-weight:900}.service-row div:last-child{display:grid;grid-gap:3px;gap:3px}.otp-box small,.service-row small{color:var(--muted);font-weight:800;font-size:10px;letter-spacing:.6px}.otp-box{display:grid;place-items:center;background:#f0ebff;border:2px solid var(--ink);border-radius:15px;padding:22px}.otp-box strong{font:700 32px/1 Space Grotesk;letter-spacing:5px;margin:10px 0}.otp-box span{display:flex;gap:5px;align-items:center;color:#147a53;font-size:12px;font-weight:800}.phone-card button{width:100%;margin-top:15px;padding:11px;background:var(--yellow);border:2px solid var(--ink);border-radius:10px;font-weight:900;box-shadow:3px 3px 0 var(--ink)}.floating-pill{position:absolute;z-index:3;display:flex;align-items:center;gap:8px;padding:11px 14px;background:white;border:2px solid var(--ink);border-radius:11px;box-shadow:4px 4px 0 var(--ink);font-weight:800;font-size:13px}.pill-one{top:45px;right:-10px;transform:rotate(4deg);background:var(--mint)}.pill-two{bottom:46px;left:-5px;transform:rotate(-5deg);background:var(--blue)}.steps-section{padding:85px 28px 100px;background:var(--purple);border-top:var(--line);border-bottom:var(--line)}.section-heading{max-width:1124px;margin:0 auto 38px;color:white}.section-heading span{font-weight:900;letter-spacing:1px;color:var(--yellow)}.section-heading h2{font:700 clamp(36px,5vw,58px)/1 Space Grotesk;letter-spacing:-3px;margin:12px 0}.landing-grid{max-width:1124px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px}.step-card{position:relative;background:var(--paper);border:var(--line);border-radius:18px;padding:28px;box-shadow:7px 7px 0 var(--ink)}.step-card>span{position:absolute;right:20px;top:16px;font:700 32px Space Grotesk;color:#d9d2e5}.step-card>svg{width:52px;height:52px;padding:12px;background:var(--yellow);border:2px solid var(--ink);border-radius:13px}.step-card:nth-child(2)>svg{background:var(--pink)}.step-card:nth-child(3)>svg{background:var(--mint)}.step-card h3{font:700 23px Space Grotesk;margin:23px 0 9px}.step-card p{color:var(--muted);line-height:1.6;margin:0}footer{max-width:1180px;margin:auto;padding:42px 28px;display:flex;align-items:center;gap:28px}footer p{flex:1 1;color:var(--muted)}footer small{font-weight:700}.app-shell{min-height:100vh;display:flex;background:#f7f2e8}.sidebar{width:255px;position:fixed;inset:0 auto 0 0;background:#201d26;color:white;border-right:3px solid var(--ink);padding:24px 18px;display:flex;flex-direction:column;z-index:30}.sidebar .logo-mark{color:var(--ink)}.sidebar .logo>span:last-child span{color:var(--yellow)}.sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:0 5px 22px}.balance-card{background:var(--yellow);color:var(--ink);border:2px solid var(--ink);border-radius:14px;padding:15px;box-shadow:4px 4px 0 #000;margin-bottom:22px}.balance-card div{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:800}.balance-card strong{display:block;font:700 21px Space Grotesk;margin:8px 0}.balance-card a{font-size:12px;font-weight:900;text-decoration:underline}.side-nav{display:grid;grid-gap:5px;gap:5px}.side-nav a{display:flex;align-items:center;gap:12px;padding:11px 13px;border:2px solid transparent;border-radius:10px;color:#cbc6d1;font-weight:700;font-size:14px}.side-nav a:hover{background:#332e3c;color:white}.side-nav a.active{background:var(--purple);color:white;border-color:#000;box-shadow:3px 3px 0 #000}.sidebar-foot{margin-top:auto;display:grid;grid-gap:14px;gap:14px}.safe-note{display:flex;gap:9px;align-items:center;background:#2c2932;border:1px solid #4b4653;border-radius:10px;padding:11px;color:var(--mint)}.safe-note span{display:grid}.safe-note strong{color:white;font-size:12px}.safe-note small{font-size:10px;color:#aaa5b0}.logout{display:flex;align-items:center;gap:9px;padding:10px;background:transparent;border:0;color:#aaa5b0;cursor:pointer;font-weight:700}.main-area{min-width:0;max-width:100%;flex:1 1;margin-left:255px}.topbar{height:76px;position:-webkit-sticky;position:sticky;top:0;z-index:20;background:rgba(255,250,240,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:2px solid var(--ink);display:flex;align-items:center;padding:0 30px;gap:12px}.topbar-spacer{flex:1 1}.icon-button{width:40px;height:40px;display:grid;place-items:center;background:white;border:2px solid var(--ink);border-radius:10px;box-shadow:2px 2px 0 var(--ink);cursor:pointer}.notify{position:relative}.notify i{position:absolute;width:8px;height:8px;background:var(--red);border:1px solid var(--ink);border-radius:50%;right:4px;top:4px}.avatar{width:39px;height:39px;display:grid;place-items:center;background:var(--pink);border:2px solid var(--ink);border-radius:10px;font-weight:900}.user-mini{display:grid;line-height:1.2}.user-mini strong{font-size:13px}.user-mini small{color:#23815e;font-size:10px;font-weight:700}.page-content{width:100%;max-width:1280px;min-width:0;margin:auto;padding:30px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:26px}.page-head h1{font:700 clamp(27px,4vw,38px) Space Grotesk;letter-spacing:-1.5px;margin:0 0 4px}.page-head p{margin:0;color:var(--muted)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:17px;gap:17px}.panel,.stat-card{background:var(--paper);border:2px solid var(--ink);border-radius:15px;box-shadow:4px 4px 0 var(--ink)}.stat-card{padding:18px;display:flex;gap:14px;align-items:center}.stat-icon{width:45px;height:45px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:12px;background:var(--yellow)}.stat-card:nth-child(2) .stat-icon{background:var(--mint)}.stat-card:nth-child(3) .stat-icon{background:var(--pink)}.stat-card:nth-child(4) .stat-icon{background:var(--blue)}.stat-card small{color:var(--muted);font-weight:700}.stat-card strong{display:block;font:700 21px Space Grotesk;margin-top:3px}.content-grid{min-width:0;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.75fr);grid-gap:20px;gap:20px;margin-top:22px}.panel{min-width:0;padding:22px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.panel-head h2{min-width:0;font:700 20px Space Grotesk;margin:0}.panel-head a{color:var(--purple-dark);font-size:13px;font-weight:800}.announcement{min-width:0;background:#f0eaff;border:2px solid var(--ink);border-radius:13px;padding:17px;display:flex;gap:13px}.announcement-icon{flex:0 0 auto;width:40px;height:40px;display:grid;place-items:center;background:var(--purple);color:white;border:2px solid var(--ink);border-radius:10px}.announcement h3{margin:0 0 5px;font-size:15px}.announcement p{overflow-wrap:anywhere;margin:0;color:var(--muted);font-size:13px;line-height:1.5}.announcement time{display:block;margin-top:7px;font-size:10px;font-weight:700;color:#938aa0}.quick-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px}.quick-card{border:2px solid var(--ink);border-radius:12px;padding:15px;display:grid;grid-gap:9px;gap:9px;background:var(--yellow);font-weight:800;box-shadow:3px 3px 0 var(--ink)}.quick-card:nth-child(2){background:var(--mint)}.quick-card:nth-child(3){background:var(--pink)}.quick-card:nth-child(4){background:var(--blue)}.quick-card svg{width:26px;height:26px}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:650px}.data-table th{text-align:left;font-size:11px;letter-spacing:.4px;color:var(--muted);padding:10px;border-bottom:2px solid var(--ink)}.data-table td{padding:13px 10px;border-bottom:1px solid #ded9d0;font-size:13px}.data-table tr:last-child td{border-bottom:0}.service-cell{display:flex;align-items:center;gap:8px;font-weight:800}.mini-icon{width:30px;height:30px;display:grid;place-items:center;border:1.5px solid var(--ink);background:var(--mint);border-radius:8px}.mini-icon,.status{font-size:10px;font-weight:900}.status{display:inline-flex;padding:4px 8px;border:1.5px solid var(--ink);border-radius:999px;text-transform:uppercase}.status.active,.status.completed{background:var(--mint)}.status.pending,.status.waiting{background:var(--yellow)}.status.canceled,.status.expired{background:#ddd8df}.status.banned,.status.failed{background:var(--red)}.drawer-backdrop,.mobile-only{display:none}.search-box{position:relative}.search-box svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--muted)}.field input,.field select,.field textarea,.search-box input{width:100%;background:white;border:2px solid var(--ink);border-radius:11px;padding:12px 14px;outline:0;box-shadow:2px 2px 0 var(--ink)}.search-box input{padding-left:42px}.field input:focus,.field select:focus,.search-box input:focus{box-shadow:4px 4px 0 var(--purple)}.wizard-steps{margin-bottom:24px;overflow:auto;padding:3px}.wizard-step,.wizard-steps{display:flex;align-items:center}.wizard-step{gap:7px;white-space:nowrap;color:#999;font-size:12px;font-weight:800}.wizard-step span{display:grid;place-items:center;width:28px;height:28px;border:2px solid #aaa;border-radius:50%;background:white}.wizard-step.active{color:var(--ink)}.wizard-step.active span{background:var(--yellow);border-color:var(--ink)}.wizard-line{min-width:35px;flex:1 1;height:2px;background:#bbb;margin:0 8px}.service-grid{min-width:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px;margin-top:18px}.select-card{min-width:0;width:100%;position:relative;background:white;border:2px solid var(--ink);border-radius:14px;padding:18px;text-align:left;box-shadow:3px 3px 0 var(--ink);cursor:pointer;transition:.15s;overflow:hidden}.select-card.selected,.select-card:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--purple)}.select-card.selected{background:#f0eaff}.service-logo{width:48px;height:48px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:12px;background:var(--mint);font-weight:900;margin-bottom:14px;overflow:hidden}.service-logo img{width:100%;height:100%;object-fit:cover}.select-card strong{display:block;font-size:14px;overflow-wrap:anywhere}.select-card small{color:var(--muted)}.country-card{display:grid;grid-template-columns:45px minmax(0,1fr) auto;align-items:center;grid-gap:12px;gap:12px}.flag{width:45px;height:34px;object-fit:cover;border:2px solid var(--ink);border-radius:7px;background:#eee}.country-meta{min-width:0;display:grid;grid-gap:3px;gap:3px}.country-stats{min-width:52px;text-align:right}.country-stats strong{color:#1c875e}.server-list{min-width:0;display:grid;grid-gap:12px;gap:12px}.server-card{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) repeat(3,minmax(80px,.7fr)) auto;align-items:center;grid-gap:16px;gap:16px;background:white;border:2px solid var(--ink);border-radius:13px;padding:15px}.server-card small{display:block;color:var(--muted);font-size:10px;font-weight:700}.server-card strong{font-size:13px;overflow-wrap:anywhere}.server-card .btn{padding:8px 13px;box-shadow:2px 2px 0 var(--ink);font-size:12px}.field{display:grid;grid-gap:7px;gap:7px;margin-bottom:16px}.field label{font-size:12px;font-weight:900}.field-hint{font-size:11px;color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.summary-list{display:grid;grid-gap:0;gap:0;border:2px solid var(--ink);border-radius:12px;overflow:hidden}.summary-row{display:flex;justify-content:space-between;gap:20px;padding:12px 14px;background:white;border-bottom:1px dashed #aaa;font-size:13px}.summary-row:last-child{border-bottom:0}.summary-row.total{background:var(--yellow);font-weight:900;font-size:16px}.summary-row span{color:var(--muted)}.summary-row.total span{color:var(--ink)}.order-active{max-width:620px;margin:20px auto;text-align:center}.order-active .live-dot{display:inline-flex;align-items:center;gap:7px;background:var(--yellow);border:2px solid var(--ink);border-radius:999px;padding:6px 11px;font-size:11px;font-weight:900}.live-dot i{width:8px;height:8px;border-radius:50%;background:#f04444;animation:pulse 1s infinite}.big-number{font:700 clamp(25px,5vw,38px) Space Grotesk;margin:24px 0 8px}.copy-button{border:0;background:none;color:var(--purple-dark);font-weight:800;cursor:pointer}.otp-waiting{margin:25px 0;background:#f0eaff;border:2px dashed var(--purple);border-radius:16px;padding:30px}.loader{width:38px;height:38px;margin:0 auto 14px;border:4px solid #d8cdf7;border-top:4px solid var(--purple);border-radius:50%;animation:spin .9s linear infinite}.otp-received{background:var(--mint);border:2px solid var(--ink);border-radius:16px;padding:25px;margin:25px 0;box-shadow:4px 4px 0 var(--ink)}.otp-received strong{display:block;font:700 40px Space Grotesk;letter-spacing:6px;margin:9px 0}.toast{position:fixed;right:24px;bottom:24px;z-index:100;background:var(--ink);color:white;border:2px solid black;border-radius:11px;padding:13px 17px;box-shadow:4px 4px 0 var(--purple);font-weight:700;font-size:13px}.empty-state{padding:45px 20px;text-align:center;color:var(--muted)}.empty-state svg{width:45px;height:45px;margin-bottom:10px}.pagination-actions{display:flex;justify-content:space-between;gap:12px;margin-top:20px}.deposit-layout{display:grid;grid-template-columns:1fr .85fr;grid-gap:22px;gap:22px}.amount-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;margin:12px 0 18px}.amount-option{padding:11px;background:white;border:2px solid var(--ink);border-radius:10px;font-weight:800;cursor:pointer}.amount-option.active{background:var(--yellow);box-shadow:3px 3px 0 var(--ink)}.qris-box{display:grid;place-items:center;min-height:320px;background:#f0eaff;border:2px dashed var(--purple);border-radius:14px;text-align:center;padding:20px}.qris-box svg{background:white;padding:8px;border:2px solid var(--ink)}.qris-placeholder{width:180px;height:180px;display:grid;place-items:center;background:white;border:2px solid var(--ink);font-weight:900}.profile-layout{display:grid;grid-template-columns:300px 1fr;grid-gap:22px;gap:22px}.profile-card{text-align:center}.profile-avatar{width:86px;height:86px;margin:5px auto 14px;display:grid;place-items:center;background:var(--pink);border:3px solid var(--ink);border-radius:22px;box-shadow:5px 5px 0 var(--ink);font:700 32px Space Grotesk}.verify-card{display:flex;align-items:center;gap:14px;background:var(--mint);border:2px solid var(--ink);border-radius:12px;padding:14px;margin-top:18px;text-align:left}.verify-card small{display:block}.admin-tabs{display:flex;gap:8px;overflow:auto;margin-bottom:20px}.admin-tabs button{white-space:nowrap;padding:9px 13px;background:white;border:2px solid var(--ink);border-radius:9px;font-weight:800;cursor:pointer}.admin-tabs button.active{background:var(--yellow);box-shadow:3px 3px 0 var(--ink)}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{50%{opacity:.3}}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 15% 20%,var(--yellow) 0 8%,transparent 8.2%),radial-gradient(circle at 85% 80%,var(--pink) 0 10%,transparent 10.2%),var(--purple)}.auth-card{width:min(100%,480px);background:var(--paper);border:var(--line);border-radius:22px;padding:30px;box-shadow:9px 9px 0 var(--ink)}.back-link{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:800;margin-bottom:24px}.auth-heading{margin:32px 0 22px}.auth-heading>span{display:inline-flex;align-items:center;gap:6px;background:var(--yellow);border:2px solid var(--ink);border-radius:999px;padding:5px 9px;font-size:10px;font-weight:900}.auth-heading h1{font:700 38px Space Grotesk;letter-spacing:-2px;margin:13px 0 7px}.auth-heading p{color:var(--muted);line-height:1.6;margin:0}.auth-benefits{display:grid;grid-gap:11px;gap:11px;margin-bottom:22px}.auth-benefits>div{display:flex;align-items:center;gap:10px;padding:10px;border:1.5px solid #d7d0dc;border-radius:10px}.auth-benefits svg{color:#16865c}.auth-benefits span{display:grid}.auth-benefits strong{font-size:12px}.auth-benefits small{color:var(--muted);font-size:10px}.turnstile-box{min-height:66px;display:grid;place-items:center;margin:12px 0;background:#f3efe8;border:1px dashed #aaa;border-radius:10px;font-size:12px;font-weight:800}.google-button{width:100%;margin-top:10px}.google-button b{width:23px;height:23px;display:grid;place-items:center;background:white;color:#4285f4;border:1.5px solid var(--ink);border-radius:50%}.legal{display:block;color:var(--muted);line-height:1.5;margin-top:16px}.legal,.verify-page{text-align:center}.verify-page .logo{justify-content:center}.verify-hero-icon{width:86px;height:86px;display:grid;place-items:center;margin:35px auto 0;background:var(--yellow);border:3px solid var(--ink);border-radius:23px;box-shadow:5px 5px 0 var(--ink)}.verify-hero-icon svg{width:45px;height:45px}.verify-page .copy-button{margin-top:20px;display:inline-flex;align-items:center;gap:6px}.disabled{pointer-events:none;opacity:.5}@media(max-width:1000px){.hero{gap:35px}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.content-grid,.deposit-layout,.profile-layout{grid-template-columns:minmax(0,1fr)}.server-card{grid-template-columns:minmax(0,1fr) repeat(2,minmax(70px,1fr)) auto}.server-card>div:nth-child(4){display:none}}@media(max-width:760px){.landing-nav{padding:18px}.landing-nav a:not(.btn){display:none}.hero{grid-template-columns:1fr;padding:45px 20px 70px}.hero h1{font-size:58px;letter-spacing:-4px}.hero-copy>p{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-visual{min-height:430px}.shape-one{width:310px;height:310px}.shape-two{width:280px;height:350px}.phone-card{width:275px}.floating-pill{font-size:11px}.pill-one{right:0}.pill-two{left:0}.landing-grid{grid-template-columns:1fr}.steps-section{padding:60px 20px}footer{align-items:flex-start;flex-direction:column}.sidebar{transform:translateX(-105%);transition:.22s;width:270px}.sidebar.open{transform:none}.drawer-backdrop{display:block;position:fixed;inset:0;background:#0008;border:0;z-index:25}.main-area{margin-left:0}.topbar{height:68px;padding:0 16px}.mobile-only{display:grid}.user-mini{display:none}.page-content{padding:22px 16px}.page-head{align-items:flex-start;flex-direction:column}.page-head .btn{padding:11px 16px}.panel{padding:16px}.panel-head{align-items:flex-start;flex-wrap:wrap}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.stat-card{min-width:0;padding:13px;gap:9px}.stat-icon{width:38px;height:38px}.stat-card strong{font-size:16px;overflow-wrap:anywhere}.quick-grid,.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-grid{gap:10px}.country-grid{grid-template-columns:minmax(0,1fr)}.select-card{padding:13px}.country-card{padding:14px}.server-card{grid-template-columns:minmax(0,1fr) auto auto;gap:9px}.server-card>div:nth-child(2),.server-card>div:nth-child(3){display:none}.server-card>div:nth-child(4){display:block}.form-grid{grid-template-columns:minmax(0,1fr)}.amount-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wizard-steps{width:100%;max-width:100%;overflow:hidden}.wizard-step{font-size:0;flex:0 0 auto}.wizard-step span{font-size:12px}.wizard-line{min-width:10px;margin:0 4px}.order-active>div:last-child{flex-wrap:wrap}.qris-box svg{height:auto}.admin-tabs,.qris-box svg{max-width:100%}}@media(max-width:420px){.hero h1{font-size:49px}.grid-4{grid-template-columns:minmax(0,1fr)}.phone-card{width:260px}.trust-row{gap:10px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.country-grid{grid-template-columns:minmax(0,1fr)}.summary-row{gap:10px}.otp-received strong{font-size:32px;letter-spacing:4px}}.page-loader{min-height:100vh;display:grid;place-content:center;justify-items:center;grid-gap:12px;gap:12px;background:#f7f2e8}.auth-divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.auth-divider:after,.auth-divider:before{content:"";height:1px;background:#d4ced7;flex:1 1}.auth-switch{text-align:center;color:var(--muted);font-size:13px;margin:20px 0 4px}.auth-switch a,.field-link,.legal a{color:var(--purple-dark);font-weight:800;text-decoration:underline}.field-link{justify-self:end;font-size:11px;margin-top:2px}.auth-notice{background:#fff4c8;border:2px solid var(--ink);border-radius:11px;padding:12px 14px;margin:14px 0;font-size:13px;font-weight:700;line-height:1.5}.auth-notice.success{background:#dffbed}.status.pending_email_verification{background:var(--yellow)}.footer-links{display:flex;flex-wrap:wrap;gap:12px 18px;font-size:12px;font-weight:800}.footer-links a:hover{color:var(--purple-dark);text-decoration:underline}.support-widget{position:fixed;right:22px;bottom:22px;z-index:120}.support-fab{position:relative;width:58px;height:58px;display:grid;place-items:center;margin-left:auto;background:var(--yellow);border:3px solid var(--ink);border-radius:50%;box-shadow:5px 5px 0 var(--ink);cursor:pointer}.support-fab i{position:absolute;right:2px;top:2px;width:10px;height:10px;border-radius:50%;background:#22a96c;border:1.5px solid var(--ink)}.support-popover{width:min(350px,calc(100vw - 32px));margin-bottom:14px;background:var(--paper);border:3px solid var(--ink);border-radius:18px;padding:17px;box-shadow:7px 7px 0 var(--ink)}.support-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.support-head div{display:grid}.support-head strong{font:700 18px Space Grotesk}.support-head small{color:var(--muted)}.support-head button{width:32px;height:32px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:9px;background:white;cursor:pointer}.support-popover>p{color:var(--muted);font-size:12px;line-height:1.5;margin:12px 0}.support-choice{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;grid-gap:11px;gap:11px;padding:11px;margin-top:9px;background:white;border:2px solid var(--ink);border-radius:12px;transition:.15s}.support-choice:hover{background:#f0eaff;transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--ink)}.support-choice>span{width:42px;height:42px;display:grid;place-items:center;background:var(--mint);border:2px solid var(--ink);border-radius:10px}.support-choice:nth-of-type(2)>span{background:var(--blue)}.support-choice div{min-width:0;display:grid}.support-choice strong{font-size:13px}.support-choice small{color:var(--muted);font-size:10px;overflow-wrap:anywhere}.info-page{min-height:100vh;background:#f7f2e8;padding:24px}.info-nav{max-width:980px;margin:0 auto 25px;display:flex;align-items:center;justify-content:space-between;gap:18px}.info-card{max-width:900px;margin:auto;background:var(--paper);border:3px solid var(--ink);border-radius:22px;padding:clamp(24px,5vw,55px);box-shadow:8px 8px 0 var(--ink)}.info-card h1{font:700 clamp(35px,6vw,58px)/1 Space Grotesk;letter-spacing:-2px;margin:28px 0 14px}.info-intro{font-size:18px;line-height:1.7;color:#4f4b54;padding-bottom:25px;border-bottom:2px dashed #c8c1cc}.info-content{margin-top:28px}.info-content h2{font:700 23px Space Grotesk;margin:28px 0 9px}.info-content li,.info-content p{color:#55515a;line-height:1.75}.info-content ul{padding-left:22px}.info-updated{display:block;margin-top:35px;padding-top:16px;border-top:1px solid #ddd4e0;color:var(--muted)}.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.contact-card{min-width:0;padding:20px;background:#f0eaff;border:2px solid var(--ink);border-radius:15px}.contact-card>svg{width:45px;height:45px;padding:10px;background:var(--yellow);border:2px solid var(--ink);border-radius:11px}.contact-card h2{margin-top:16px}@media(max-width:760px){.support-widget{right:16px;bottom:16px}.support-fab{width:54px;height:54px}.support-popover{max-height:70vh;overflow:auto}.info-page{padding:16px}.info-nav{margin-bottom:18px}.info-card{padding:22px;box-shadow:5px 5px 0 var(--ink)}.contact-grid{grid-template-columns:minmax(0,1fr)}footer .footer-links{order:3}}.notification-center{position:relative}.notify b{position:absolute;right:-6px;top:-7px;min-width:18px;height:18px;padding:0 4px;display:grid;place-items:center;background:var(--red);border:1.5px solid var(--ink);border-radius:999px;font-size:9px;line-height:1;color:var(--ink)}.notification-popover{position:absolute;right:0;top:50px;width:min(390px,calc(100vw - 30px));max-height:min(590px,calc(100vh - 95px));display:flex;flex-direction:column;background:var(--paper);border:3px solid var(--ink);border-radius:16px;box-shadow:7px 7px 0 var(--ink);overflow:hidden;z-index:80}.notification-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px;background:var(--yellow);border-bottom:2px solid var(--ink)}.notification-head>div{display:grid}.notification-head strong{font:700 18px Space Grotesk}.notification-head small{font-size:10px;color:#5f5945;font-weight:700}.notification-head button{display:flex;align-items:center;gap:5px;padding:6px 8px;background:white;border:1.5px solid var(--ink);border-radius:8px;font-size:10px;font-weight:800;cursor:pointer}.notification-list{overflow:auto;overscroll-behavior:contain}.notification-item{position:relative;display:grid;grid-template-columns:9px minmax(0,1fr);grid-gap:10px;gap:10px;padding:14px 15px;border-bottom:1px solid #ddd7ce;background:white}.notification-item:hover{background:#f4efff}.notification-item.unread{background:#f0eaff}.notification-item>i{width:9px;height:9px;margin-top:5px;background:#c9c2cc;border:1px solid var(--ink);border-radius:50%}.notification-item.unread>i{background:var(--purple)}.notification-item div{min-width:0}.notification-item strong{display:block;font-size:13px}.notification-item p{margin:4px 0;color:var(--muted);font-size:11px;line-height:1.45;overflow-wrap:anywhere}.notification-item time{font-size:9px;color:#999;font-weight:700}.notification-empty{min-height:190px;display:grid;place-content:center;justify-items:center;grid-gap:7px;gap:7px;padding:24px;text-align:center;color:var(--muted)}.notification-empty svg{width:34px;height:34px}.notification-empty span{max-width:240px;font-size:11px;line-height:1.5}.notification-empty .loader{width:30px;height:30px;margin:0}.owner-auth{background:radial-gradient(circle at 15% 20%,var(--yellow) 0 8%,transparent 8.2%),radial-gradient(circle at 85% 80%,var(--mint) 0 10%,transparent 10.2%),#22202a}.owner-badge{width:max-content;display:flex;align-items:center;gap:7px;margin-top:28px;padding:7px 11px;background:var(--yellow);border:2px solid var(--ink);border-radius:999px;box-shadow:3px 3px 0 var(--ink);font-size:11px;font-weight:900}.owner-badge svg{width:16px;height:16px}.staff-editor{display:grid;grid-template-columns:minmax(220px,1.4fr) minmax(230px,1fr) auto;align-items:end;grid-gap:14px;gap:14px;margin-bottom:20px;padding:17px;background:#f0eaff;border:2px solid var(--ink);border-radius:13px}.staff-editor .field{margin:0}.staff-editor .btn{margin-bottom:2px;white-space:nowrap}@media(max-width:760px){.notification-popover{position:fixed;top:76px;right:12px;left:12px;width:auto;max-height:calc(100vh - 95px)}.staff-editor{grid-template-columns:minmax(0,1fr)}.staff-editor .btn{width:100%}}