*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Poppins,Arial,sans-serif;color:#22232d;background:#fff;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit}.container{width:min(1160px,calc(100% - 32px));margin:auto}.site-header{background:#fff;position:sticky;top:0;z-index:100;border-bottom:1px solid #ededf1;box-shadow:0 2px 12px rgba(28,30,42,.03)}.nav{height:76px;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#161820;min-width:max-content}.brand img{height:var(--header-logo-height);max-width:235px;object-fit:contain}.brand strong{font-size:27px;font-weight:800;letter-spacing:-.5px}.brandmark{width:49px;height:49px;border-radius:16px 16px 16px 5px;background:var(--accent);display:inline-block;position:relative}.brandmark:after{content:"";position:absolute;right:0;bottom:0;width:22px;height:14px;background:white;border-radius:14px 0 0 0}.desktop-nav{margin-left:auto;display:flex;align-items:center;gap:3px}.desktop-nav a{display:flex;align-items:center;gap:7px;text-decoration:none;font-size:13px;font-weight:600;padding:9px 10px;border-radius:10px;transition:.22s ease}.desktop-nav a:hover{background:#f5f3ff;color:var(--primary);transform:translateY(-1px)}.desktop-nav i{color:var(--primary)}.menu-btn{display:none;margin-left:auto;border:0;background:transparent;font-size:29px;color:#54545a;width:44px;height:44px;border-radius:10px;transition:.2s ease}.menu-btn:active{background:#f5f5f7;transform:scale(.96)}.mobile-menu{display:grid;grid-template-rows:0fr;background:#fff;border-top:0 solid #eee;transition:grid-template-rows .3s ease,border-color .3s ease;overflow:hidden}.mobile-menu-inner{min-height:0;overflow:hidden;padding:0}.menu-open .mobile-menu{grid-template-rows:1fr;border-top-width:1px}.menu-open .mobile-menu-inner{padding:10px 0 14px}.mobile-menu a{display:flex;align-items:center;gap:10px;text-decoration:none;padding:9px 2px;font-size:16px;line-height:1.25;color:#5b5c61;border-radius:8px;transition:.18s ease}.mobile-menu a:hover{color:var(--primary);background:#f8f7ff;padding-left:8px}.mobile-menu a i{width:20px;font-size:14px;color:#898a92}.mobile-menu a.login-menu{background:#178f61;color:#fff;width:max-content;padding:9px 14px;border-radius:7px;margin-top:5px;font-size:16px;font-weight:500}.mobile-menu a.login-menu i{color:#fff}.top-alert{background:var(--primary);color:#fff}.top-alert .container{min-height:48px;display:flex;align-items:center;justify-content:center;gap:12px;text-align:center;padding:9px 0;font-size:12px;font-weight:500;line-height:1.55}.top-alert i{color:#fff;font-size:17px;flex:0 0 auto}.home-top{padding-top:30px}.hero-slider{position:relative;overflow:hidden;border-radius:25px;background:#f7f6ff}.slides-track{position:relative;aspect-ratio:1600/650;background:#f7f6ff}.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .65s ease,transform .65s ease;display:block;transform:scale(1.008)}.hero-slide.active{opacity:1;visibility:visible;transform:scale(1)}.hero-slide img{width:100%;height:100%;object-fit:contain;display:block;background:#fff}.slide-arrow{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;border:0;background:#ffffffde;color:var(--primary);font-size:18px;box-shadow:0 4px 18px #0002;cursor:pointer;z-index:2;transition:.2s ease}.slide-arrow:hover{transform:translateY(-50%) scale(1.06)}.slide-arrow.prev{left:14px}.slide-arrow.next{right:14px}.dots{display:flex;gap:8px;justify-content:center;padding:14px 0 18px}.dots button{width:9px;height:9px;border:0;padding:0;border-radius:50%;background:#ccc;cursor:pointer;transition:.25s ease}.dots button.active{background:#119be8;transform:scale(1.18)}.channel{display:grid;grid-template-columns:1fr 300px;align-items:center;gap:18px;text-decoration:none;background:var(--accent);color:white;padding:18px 28px;border-radius:22px;margin-bottom:30px;box-shadow:0 8px 24px rgba(255,165,31,.12);transition:.22s ease}.channel:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(255,165,31,.2)}.channel>div{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:700;text-align:center;justify-content:center}.channel>div i{font-size:22px}.channel-btn{display:block;text-align:center;background:var(--primary);padding:16px 20px;border-radius:13px;font-size:18px;font-weight:700;transition:.2s ease}.channel:hover .channel-btn{filter:brightness(1.05)}.service-stack{display:grid;gap:18px;padding-bottom:34px}.service-image-card{display:block;border-radius:22px;overflow:hidden;text-decoration:none;background:var(--primary);box-shadow:0 6px 18px #351f8e12;transition:transform .25s ease,box-shadow .25s ease}.service-image-card:hover{transform:translateY(-3px);box-shadow:0 14px 32px #351f8e20}.service-image-card img{width:100%;display:block;aspect-ratio:1600/430;object-fit:contain;background:var(--primary)}.service-fallback{min-height:220px;background:linear-gradient(110deg,var(--primary),#5a3cc9);color:white;display:grid;grid-template-columns:150px 1fr auto;align-items:center;gap:28px;padding:30px}.service-fallback>i{font-size:74px;text-align:center}.service-fallback h3{font-size:27px;margin:0 0 8px}.service-fallback p{margin:0;font-size:14px}.service-fallback span{background:var(--accent);padding:15px 28px;border-radius:12px;font-weight:800}.about-band{background:var(--accent);color:white}.about{min-height:240px;display:grid;grid-template-columns:260px 1fr;align-items:center;gap:45px;padding-top:34px;padding-bottom:34px}.about-icon{text-align:center;color:#ffce73;text-shadow:4px 4px 0 #222}.about-icon i{font-size:160px}.about h2{font-size:34px;margin:0 0 14px}.about p{max-width:720px;font-size:15px;line-height:1.7;margin:0}.packages{padding:56px 0 30px}.packages>h2,.testi>h2,.why>h2{text-align:center;font-size:31px;margin:0 0 28px;letter-spacing:-.6px}.package-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.package{border:1px solid #e6e6e8;border-radius:16px;padding:22px;background:#fff;box-shadow:0 3px 14px rgba(0,0,0,.035);display:flex;flex-direction:column;transition:.24s ease}.package:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(32,27,72,.08);border-color:#ddd7ff}.package h3{margin:0;font-size:18px}.package h3 span{font-weight:600}.package>div>p{font-size:12px;color:#65666b;min-height:34px}.package h4{font-size:26px;margin:22px 0}.pkg-body{display:grid;grid-template-columns:1fr 1.45fr;gap:22px;border-top:1px solid #e6e6e6;padding-top:15px;min-height:145px}.pkg-body small{color:#6f7076}.pkg-body p{font-size:12px;margin:7px 0}.pkg-body i{font-size:11px}.package>a{margin-top:auto;display:block;background:var(--accent);color:white;text-decoration:none;text-align:center;padding:10px;border-radius:999px;font-weight:600;transition:.2s ease}.package>a:hover{filter:brightness(.97);transform:scale(1.01)}.testi{padding:28px 0 52px}.testi-row{display:flex;gap:20px;overflow-x:auto;padding:4px 2px 16px;scroll-snap-type:x mandatory;scrollbar-width:thin}.testi-row article{flex:0 0 360px;border:1px solid #e6e6e8;border-radius:15px;padding:18px;box-shadow:0 3px 12px #0001;display:grid;grid-template-columns:55px 1fr;gap:7px 12px;scroll-snap-align:start;background:#fff;transition:.22s ease}.testi-row article:hover{transform:translateY(-2px)}.avatar{grid-row:1/3;width:52px;height:52px;border-radius:50%;background:#e8efff;display:grid;place-items:center;color:#7990bd}.testi-head{min-width:0}.testi-row b,.testi-row small{display:block}.testi-row small{font-size:11px;color:#777}.stars{color:#ffb000;letter-spacing:1px}.testi-row p{grid-column:1/-1;font-size:13px;color:#5e5f64;margin:5px 0 0}.why{padding:40px 0 90px}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}.why-grid>div{display:grid;grid-template-columns:95px 1fr;gap:20px;align-items:center}.why-grid>div>i{font-size:68px;color:#a2a2a5;text-align:center}.why h3{font-size:16px;margin:0 0 7px}.why p{margin:0;font-size:13px;line-height:1.55}.footer{background:var(--footer-bg);color:var(--footer-text);padding:48px 0 20px}.footer-main{display:grid;grid-template-columns:1.35fr .8fr 1fr .85fr;gap:38px;align-items:start}.footer-brand-block p{max-width:330px;margin:15px 0 0;font-size:12px;line-height:1.7;opacity:.9}.footer-brand{display:flex;align-items:center;gap:13px;text-decoration:none;width:max-content;max-width:100%}.footer-brand img{height:68px;max-width:270px;object-fit:contain}.footer-brand strong{font-size:32px}.footer-brandmark{width:68px;height:68px;border-radius:20px 20px 20px 6px;background:white;position:relative}.footer-brandmark:after{content:"";position:absolute;right:0;bottom:0;width:32px;height:19px;background:var(--footer-bg);border-radius:20px 0 0 0}.footer-column h3{font-size:14px;margin:3px 0 13px}.footer-nav-links,.footer-contact-list,.footer-socials{display:grid;gap:9px}.footer-nav-links a,.footer-contact-list a,.footer-contact-list>div,.footer-socials a{display:flex;align-items:flex-start;gap:9px;text-decoration:none;font-size:12px;line-height:1.45;opacity:.95}.footer-nav-links a:hover,.footer-contact-list a:hover,.footer-socials a:hover{opacity:1;transform:translateX(2px)}.footer-nav-links i{font-size:9px;margin-top:5px}.footer-contact-list i,.footer-socials i{width:20px;font-size:17px;text-align:center}.footer-socials .fa-instagram{color:#fff}.footer-bottom{margin-top:34px;border-top:1px solid rgba(255,255,255,.28);padding-top:18px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-bottom small{opacity:.9;font-size:11px}.privacy{display:flex;align-items:center;gap:7px;text-decoration:none;font-size:12px}.float-chat{position:fixed;right:22px;bottom:22px;z-index:80;width:56px;height:56px;background:#ff9746;color:white;border-radius:17px;display:grid;place-items:center;text-decoration:none;font-size:26px;box-shadow:0 10px 30px #0002;transition:.22s ease}.float-chat:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 14px 34px #0003}.form-page{padding:50px 0 90px;min-height:65vh}.form-card{width:min(720px,100%);margin:auto;background:#fff;border:1px solid #e7e7ea;border-radius:22px;padding:30px;box-shadow:0 10px 35px #35298212}.form-head{display:flex;gap:16px;align-items:center;margin-bottom:20px}.form-head .service-icon{width:60px;height:60px;background:#eee9ff;color:var(--primary);border-radius:17px;display:grid;place-items:center;font-size:28px}.form-head h1,.form-card h1{margin:0}.form-head p,.form-card>p{color:#72737a}.form-card form>label{display:block;font-size:13px;font-weight:700;margin:14px 0}.form-card input{width:100%;padding:13px;border:1px solid #ddd;border-radius:10px;margin-top:6px;font:inherit;transition:.2s ease}.form-card input:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 14%,transparent);outline:0}.form-card .upload{border:1px dashed #ccc;padding:14px;border-radius:12px}.form-card .upload input{border:0;padding:8px 0}.form-card small{display:block;color:#777}.primary-btn{display:inline-flex;align-items:center;justify-content:center;border:0;background:var(--primary);color:#fff;text-decoration:none;padding:12px 19px;border-radius:10px;font-weight:700;cursor:pointer;transition:.2s ease}.primary-btn:hover{transform:translateY(-1px);filter:brightness(1.04)}.form-card form>.primary-btn{width:100%}.search-inline{display:flex;gap:10px}.search-inline input{margin:0}.result-center{text-align:center}.big-icon{font-size:52px;color:var(--primary)}.order-code{font-size:24px;font-weight:800;background:#f4f1ff;padding:12px;border-radius:10px;margin:15px 0}.status{display:inline-block;padding:5px 10px;border-radius:99px;background:#eee;font-size:11px;font-weight:800}.status.done{background:#dff7e8;color:#177a43}.status.failed,.status.expired{background:#ffe5e5;color:#a62b2b}.order-result{margin-top:20px;padding:18px;border:1px solid #eee;border-radius:14px}.order-result .status{float:right}.site-toast{font-family:Poppins,Arial,sans-serif!important;border-radius:14px!important}.ui-motion body.effects-enabled{opacity:0}.ui-motion body.effects-enabled.page-ready{opacity:1;transition:opacity .35s ease}.ui-motion .reveal-item{opacity:0;transform:translateY(14px);transition:opacity .55s cubic-bezier(.2,.7,.3,1),transform .55s cubic-bezier(.2,.7,.3,1);transition-delay:var(--reveal-delay,0ms)}.ui-motion .reveal-item.is-visible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.ui-motion body.effects-enabled,.ui-motion .reveal-item{opacity:1!important;transform:none!important;transition:none!important}*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media(max-width:900px){.desktop-nav{display:none}.menu-btn{display:block}.nav{height:78px}.brand img{height:var(--header-logo-mobile-height)}.brand strong{font-size:27px}.top-alert .container{font-size:12px;padding:12px 0}.home-top{padding-top:26px}.channel{grid-template-columns:1fr}.package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.why-grid{grid-template-columns:1fr;gap:35px}.why-grid>div{grid-template-columns:105px 1fr}.footer-main{grid-template-columns:1.2fr 1fr 1fr}.footer-menu-column{display:none}}
@media(max-width:640px){.container{width:min(100% - 26px,1160px)}.nav{height:66px}.brand img{height:var(--header-logo-mobile-height);max-width:200px}.brand strong{font-size:23px}.brandmark{width:44px;height:44px}.menu-btn{font-size:27px;width:42px;height:42px}.mobile-menu a{font-size:15.5px;padding:8px 1px}.mobile-menu a.login-menu{font-size:15px;padding:8px 13px}.menu-open .mobile-menu-inner{padding:8px 0 12px}.top-alert .container{justify-content:flex-start;text-align:left;font-size:11px;line-height:1.55;padding:11px 0}.top-alert i{font-size:14px}.home-top{padding-top:24px}.hero-slider{border-radius:20px}.slides-track{aspect-ratio:2.18/1}.hero-slide img{object-fit:contain}.slide-arrow{display:none}.dots{padding:11px 0 20px}.channel{padding:17px 16px;border-radius:20px;margin-bottom:25px}.channel>div{font-size:14px;line-height:1.5}.channel>div i{font-size:18px}.channel-btn{font-size:15px;padding:12px}.service-stack{gap:12px}.service-image-card{border-radius:20px}.service-image-card img{aspect-ratio:3.05/1;object-fit:contain}.service-fallback{min-height:170px;grid-template-columns:75px 1fr;padding:18px 15px;gap:12px}.service-fallback>i{font-size:48px}.service-fallback h3{font-size:19px}.service-fallback p{font-size:11px}.service-fallback span{grid-column:2;padding:10px 17px;text-align:center;font-size:13px}.about{min-height:250px;grid-template-columns:125px 1fr;gap:16px}.about-icon i{font-size:100px}.about h2{font-size:21px}.about p{font-size:11px}.packages{padding:44px 0 24px}.packages>h2,.testi>h2,.why>h2{font-size:24px}.package-grid{gap:13px}.package{padding:14px}.package h3{font-size:13px}.package>div>p{font-size:9.5px;min-height:47px}.package h4{font-size:20px;margin:14px 0}.pkg-body{grid-template-columns:1fr;gap:5px;min-height:195px}.pkg-body p{font-size:9.5px}.package>a{font-size:10px;padding:8px}.testi-row{gap:13px}.testi-row article{flex-basis:310px;padding:15px}.why{padding-bottom:60px}.why-grid>div{grid-template-columns:82px 1fr;gap:16px}.why-grid>div>i{font-size:54px}.why h3{font-size:15px}.why p{font-size:12px}.footer{padding:36px 0 17px}.footer-main{grid-template-columns:1.12fr .88fr;gap:24px 18px}.footer-brand-block{grid-row:1/3}.footer-brand img{height:56px}.footer-brand strong{font-size:24px}.footer-brandmark{width:56px;height:56px}.footer-brand-block p{font-size:10px;line-height:1.55;margin-top:10px}.footer-column h3{font-size:12px;margin-bottom:9px}.footer-contact-list a,.footer-contact-list>div,.footer-socials a{font-size:10px;gap:7px}.footer-contact-list i,.footer-socials i{font-size:15px;width:17px}.footer-socials a span{display:none}.footer-bottom{margin-top:24px;padding-top:13px;align-items:flex-start}.footer-bottom small,.privacy{font-size:9px}.float-chat{right:14px;bottom:16px;width:52px;height:52px;font-size:24px}.form-page{padding-top:28px}.form-card{padding:20px}.search-inline{display:grid}}
@media(max-width:420px){.container{width:calc(100% - 20px)}.about{grid-template-columns:105px 1fr}.about-icon i{font-size:88px}.package-grid{gap:9px}.package{padding:11px}.package h3{font-size:11.5px}.package h4{font-size:17px}.pkg-body{min-height:208px}.footer-main{gap:18px 12px}.footer-brand strong{font-size:21px}.footer-brandmark{width:50px;height:50px}.footer-contact-list span{word-break:break-word}.footer-bottom{gap:12px}}
/* V4.1 — mobile footer responsive correction */
@media(max-width:640px){
.footer{padding:30px 0 18px}
.footer-main{display:grid;grid-template-columns:1fr;gap:20px}
.footer-brand-block{grid-row:auto;display:block;padding-bottom:2px}
.footer-brand{gap:10px}
.footer-brand img{height:50px;max-width:210px}
.footer-brand strong{font-size:23px}
.footer-brandmark{width:50px;height:50px;border-radius:16px 16px 16px 5px}
.footer-brandmark:after{width:24px;height:15px}
.footer-brand-block p{max-width:100%;font-size:11px;line-height:1.55;margin:10px 0 0;opacity:.92}
.footer-menu-column{display:none}
.footer-column{min-width:0}
.footer-column h3{font-size:13px;margin:0 0 10px}
.footer-contact-list{gap:7px}
.footer-contact-list a,.footer-contact-list>div{font-size:11px;line-height:1.35;gap:9px;align-items:center;min-width:0}
.footer-contact-list i{width:20px;font-size:16px;flex:0 0 20px}
.footer-contact-list span{overflow-wrap:anywhere;word-break:normal}
.footer-socials{display:flex;flex-wrap:wrap;gap:8px}
.footer-socials a{display:inline-flex;align-items:center;gap:7px;width:auto;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);font-size:10.5px;line-height:1}
.footer-socials a span{display:inline!important}
.footer-socials i{width:auto;font-size:15px}
.footer-bottom{margin-top:22px;padding-top:14px;display:grid;grid-template-columns:1fr;gap:10px;align-items:start}
.footer-bottom small{font-size:10px;line-height:1.45}
.privacy{font-size:10.5px;width:max-content;max-width:100%;padding:6px 0}
.float-chat{right:13px;bottom:76px;width:48px;height:48px;border-radius:15px;font-size:21px}
}
@media(max-width:420px){
.footer{padding-top:26px}
.footer-main{gap:18px}
.footer-brand img{height:46px;max-width:190px}
.footer-brand strong{font-size:21px}
.footer-socials a{padding:7px 9px;font-size:10px}
.footer-bottom{margin-top:18px}
}
/* V5 — order flow + Pakasir */
.order-flow-wrap,.detail-order-page,.track-page-v5,.payment-page-v5{padding:46px 0 80px;background:#fff}.order-card-v5{max-width:930px;margin:auto;border:1px solid #e8e8ed;border-radius:24px;padding:32px;background:#fff;box-shadow:0 7px 26px rgba(30,28,55,.08)}.order-card-title{display:flex;align-items:center;gap:14px;margin-bottom:28px}.order-card-title>i{font-size:28px;color:var(--primary);width:52px;height:52px;border-radius:14px;background:#eee9ff;display:grid;place-items:center}.order-card-title h1{font-size:26px;margin:0;letter-spacing:-.5px}.upload-zone-v5{background:#fafafa;border-radius:20px;padding:26px;border:1px solid #f0f0f1;box-shadow:0 5px 18px #0000000b}.upload-actions-v5{display:flex;gap:14px;justify-content:center;margin-bottom:24px}.upload-btn-v5,.delete-all-v5{border:0;border-radius:9px;padding:13px 22px;font:600 14px Poppins;cursor:pointer;color:white}.upload-btn-v5{background:#229ab8}.delete-all-v5{background:#f01818}.file-preview-grid{min-height:245px;display:flex;align-items:center;gap:15px;flex-wrap:wrap;align-content:center}.empty-upload{width:100%;text-align:center;color:#9a9ba1}.empty-upload i{font-size:58px;color:#bbc3d5}.empty-upload p{font-size:15px}.file-chip-v5{width:180px;min-height:180px;border-radius:18px;background:#fff;border:1px solid #eee;box-shadow:0 7px 18px #0002;padding:25px 15px 15px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;gap:8px}.file-chip-v5>button{position:absolute;right:-7px;top:-8px;width:34px;height:34px;border:0;border-radius:9px;background:#df1414;color:white}.file-chip-v5>i{font-size:62px;color:#ff9d21}.file-chip-v5 span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.file-chip-v5 small{color:#8a8b90;font-size:10px}.order-step-v5{padding:38px 45px;border-top:1px solid #e8e8e8;margin-top:36px}.order-step-v5 h2{font-size:20px;margin:0 0 25px}.check-row{display:flex;align-items:center;gap:12px;margin:13px 0;font-size:16px}.check-row input[type=checkbox]{width:21px;height:21px;accent-color:#168df1;flex:0 0 auto}.check-row .small-source{width:70px!important;margin:0!important;padding:7px!important;text-align:center}.wa-input-v5{display:flex;align-items:center;gap:13px}.wa-input-v5>i{color:#16a353;font-size:28px}.wa-input-v5 input,.simple-field input{width:100%;height:54px;border-radius:11px;border:1px solid #cfd3d9;padding:0 17px;font:500 16px Poppins;outline:0}.wa-input-v5 input:focus,.simple-field input:focus{border-color:#339cf4;box-shadow:0 0 0 4px #339cf426}.price-line{display:flex;gap:16px;align-items:center;margin:18px 0;font-size:17px}.price-line strong{font-size:18px;font-weight:500}.price-line small{font-size:12px;color:#777}.simple-field{display:block;margin-top:20px;font-size:15px}.simple-field>small{display:inline;color:#898a90}.simple-field input{margin-top:8px}.checkout-btn-v5{width:calc(100% - 90px);margin:0 45px 18px;background:var(--primary);color:white;border:0;border-radius:12px;padding:15px;font:700 16px Poppins;cursor:pointer;box-shadow:0 7px 18px color-mix(in srgb,var(--primary) 22%,transparent)}.payment-modal-v5{position:fixed;inset:0;z-index:1000;display:none}.payment-modal-v5.show{display:block}.payment-backdrop{position:absolute;inset:0;background:#0008;backdrop-filter:blur(2px)}.payment-sheet-v5{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(780px,calc(100% - 34px));max-height:88vh;overflow:auto;background:white;border-radius:18px;padding:30px}.payment-sheet-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee;padding-bottom:18px}.payment-sheet-head h2{margin:0;font-size:28px}.payment-sheet-head button{width:44px;height:44px;border:0;background:#f5f5f6;border-radius:10px;font-size:25px;color:#555}.payment-method-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;padding:28px 20px}.payment-method-card{position:relative;min-height:125px;border:1px solid #ddd;background:#fff;border-radius:3px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;font:600 15px Poppins;cursor:pointer;color:#333}.payment-method-card>i{font-size:34px;color:var(--primary)}.payment-method-card>b{display:none;position:absolute;right:9px;top:9px;width:25px;height:25px;border-radius:50%;background:#19a343;color:#fff;place-items:center;font-size:12px}.payment-method-card.selected{border:2px solid #4d6bd7;background:#f8f9ff}.payment-method-card.selected>b{display:grid}.payment-sheet-foot{border-top:1px solid #eee;padding-top:22px;text-align:right}.continue-pay{border:0;border-radius:9px;background:#1269db;color:white;padding:13px 28px;font:600 17px Poppins}.continue-pay:disabled{opacity:.45}.modal-lock{overflow:hidden}.back-link-v5{display:inline-flex;align-items:center;gap:13px;text-decoration:none;color:#15254c;font-size:22px;margin:18px 0 34px}.pay-status-card{max-width:760px;margin:auto;border:2px solid #f0ac58;background:#fff9f0;border-radius:14px;padding:36px;text-align:center}.payment-display{display:flex;justify-content:center}.qris-box{background:#fff;border:1px solid #ddd;border-radius:12px;padding:16px;width:330px}.qris-word{font-size:34px;font-weight:900;letter-spacing:-4px;margin-bottom:8px}.qris-box #qrcode{display:flex;justify-content:center}.qris-box canvas,.qris-box img{max-width:100%;height:auto!important}.va-box{background:#fff;border:1px solid #ddd;border-radius:15px;padding:28px;min-width:min(420px,100%);display:grid;gap:10px}.va-box>i{font-size:50px;color:var(--primary)}.va-box strong{font-size:26px;word-break:break-all}.va-box button{border:0;background:#eef3ff;color:#2156b5;border-radius:9px;padding:10px;font-weight:700}.pay-status-card h1{font-size:32px;margin:30px 0 10px}.pay-status-card>p{font-size:17px}.pay-total{font-size:20px!important}.pay-expire{font-size:13px!important;color:#777}.refresh-pay,.wa-notify-pay{width:100%;border-radius:11px;padding:15px;border:1px solid;font:600 17px Poppins;margin-top:12px}.refresh-pay{background:#d7ebff;border-color:#76b8ec;color:#118ad8}.wa-notify-pay{background:#d8f5df;border-color:#46d56d;color:#23b952}.payment-error-state>i{font-size:58px;color:#e79a23}.payment-mini-banner,.paid-mini-banner{max-width:780px;margin:0 auto 34px;border-radius:12px;padding:15px 18px;display:flex;align-items:center;justify-content:space-between;gap:18px}.payment-mini-banner{border:1px solid #e7b35c;background:#fff8e9}.payment-mini-banner a{background:var(--accent);color:white;text-decoration:none;padding:9px 14px;border-radius:8px;font-weight:700}.paid-mini-banner{background:#e4f8e9;color:#19863d}.file-status-card,.order-detail-card-v5{max-width:780px;margin:0 auto 50px;border:1px solid #e6e6ea;border-radius:20px;box-shadow:0 5px 17px #0002;background:#fff;padding:32px}.file-status-title,.order-detail-head{display:flex;align-items:center;gap:15px;border-bottom:1px solid #e8e8e8;padding-bottom:18px}.file-status-title h2,.order-detail-head h2{font-size:24px;margin:0}.state-icon,.order-detail-head>span{width:54px;height:54px;border-radius:13px;display:grid;place-items:center;font-size:23px}.state-icon.processing{background:#dcefff;color:#128fde}.state-icon.done{background:#e0f4e4;color:#1d9b43}.order-detail-head>span{background:#ededed}.file-status-body{min-height:380px;display:grid;place-items:center}.empty-state-v5{text-align:center;color:#85868c}.empty-state-v5>i{font-size:135px;color:#526287;opacity:.75}.empty-state-v5 p{font-size:22px}.file-list-v5{width:100%;display:grid;gap:12px}.file-list-v5>div{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;border:1px solid #eee;border-radius:12px;padding:13px}.file-list-v5>div>i{font-size:27px;color:var(--primary)}.file-list-v5 span{font-size:13px}.file-list-v5 span small{display:block;color:#777}.file-list-v5 b{font-size:11px;color:#168ed0}.file-list-v5 a{background:#1b9e52;color:#fff;text-decoration:none;padding:8px 11px;border-radius:8px;font-size:11px}.order-detail-card-v5 dl{display:grid;grid-template-columns:220px 1fr;gap:19px 25px;font-size:18px;padding-top:22px}.order-detail-card-v5 dt{color:#818287}.order-detail-card-v5 dd{margin:0;font-weight:500}.order-state-badge{display:inline-flex;border:1px solid #ddd;border-radius:7px;padding:5px 9px;font-size:11px}.order-state-badge.pending{color:#c88513;border-color:#e8bd6e;background:#fff8e9}.order-state-badge.paid,.order-state-badge.processing{color:#167cc2;border-color:#8ec9ef;background:#eff8ff}.order-state-badge.done{color:#188849;border-color:#81d5a2;background:#effbf3}.order-state-badge.failed,.order-state-badge.expired{color:#b52222;border-color:#f0aaaa;background:#fff0f0}.track-head-v5{max-width:760px;margin:20px auto 35px}.track-head-v5 h1{color:var(--accent);font-size:27px;margin-bottom:30px}.track-head-v5 label{display:block;color:#d89b28;font-size:18px;margin-bottom:7px}.track-head-v5 form>div{display:grid;grid-template-columns:1fr 95px;gap:14px}.track-head-v5 input{height:56px;border:1px solid #dc9f2d;border-radius:10px;padding:0 20px;font:500 16px Poppins;color:#d89b28}.track-head-v5 button{border:1px solid #333;border-radius:10px;background:var(--accent);font:500 15px Poppins;color:white;display:grid;place-items:center;gap:2px}.track-head-v5 p{color:#6e6f74;font-size:13px}.track-table-card{max-width:860px;margin:auto}.track-filter button{border:1px solid #d89b28;background:#fff;color:#d89b28;border-radius:8px;padding:10px 16px}.track-table-wrap{overflow-x:auto;margin-top:20px}.track-table{width:100%;border-collapse:collapse;min-width:620px}.track-table th{font-size:15px;padding:15px 12px;border-bottom:1px solid #eee;text-align:left}.track-table td{padding:18px 12px;border-bottom:1px solid #eee;background:#fafafa;font-size:13px}.track-table a{color:#0989dc;font-weight:600}.download-mini{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:8px;background:#e5f4ff}.track-pager-fake{display:flex;align-items:center;justify-content:flex-end;gap:14px;padding:20px 0}.track-pager-fake button{border:0;background:transparent;font-size:21px}.empty-table-v5{text-align:center!important;color:#888}.payment-error-state{padding:30px 0}
@media(max-width:640px){.order-flow-wrap,.detail-order-page,.track-page-v5,.payment-page-v5{padding:28px 0 60px}.order-card-v5{padding:22px 16px;border-radius:18px}.order-card-title h1{font-size:20px}.order-card-title>i{width:44px;height:44px;font-size:21px}.upload-zone-v5{padding:20px 12px}.upload-actions-v5{gap:9px}.upload-btn-v5,.delete-all-v5{padding:11px 15px;font-size:12px}.file-preview-grid{min-height:220px}.file-chip-v5{width:145px;min-height:150px}.file-chip-v5>i{font-size:50px}.order-step-v5{padding:28px 18px;margin-top:28px}.order-step-v5 h2{font-size:17px;line-height:1.5}.check-row{font-size:14px;flex-wrap:wrap}.wa-input-v5 input,.simple-field input{height:52px;font-size:15px}.checkout-btn-v5{width:calc(100% - 36px);margin:0 18px 10px}.payment-sheet-v5{padding:22px 18px;width:calc(100% - 24px);max-height:90vh}.payment-sheet-head h2{font-size:24px}.payment-method-grid{gap:12px;padding:20px 0}.payment-method-card{min-height:108px;font-size:11.5px;padding:10px}.payment-method-card>i{font-size:29px}.back-link-v5{font-size:18px;margin:12px 0 26px}.pay-status-card{padding:24px 16px}.qris-box{width:290px}.pay-status-card h1{font-size:25px}.pay-status-card>p{font-size:15px}.pay-total{font-size:17px!important}.file-status-card,.order-detail-card-v5{padding:22px 18px;margin-bottom:35px}.file-status-title h2,.order-detail-head h2{font-size:20px}.file-status-body{min-height:360px}.empty-state-v5>i{font-size:110px}.empty-state-v5 p{font-size:18px}.order-detail-card-v5 dl{grid-template-columns:125px 1fr;gap:17px 14px;font-size:15px}.payment-mini-banner,.paid-mini-banner{font-size:12px}.payment-mini-banner a{font-size:10px}.track-head-v5 h1{font-size:22px}.track-head-v5 label{font-size:15px}.track-head-v5 form>div{grid-template-columns:1fr 78px}.track-head-v5 input{font-size:13px;padding:0 13px}.track-head-v5 button{font-size:12px}.track-table th{font-size:13px}.track-table td{font-size:12px}}
/* V8 notification checkout */
.contact-notify-grid-v8{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:14px 0}.contact-input-v8>span{display:block;font-weight:700;margin-bottom:7px}.email-input-v8{display:flex;align-items:center;gap:10px;border:1.5px solid #d9dce7;border-radius:12px;padding:0 14px;background:#fff}.email-input-v8 i{color:var(--accent,#ffa51f);font-size:20px}.email-input-v8 input{border:0;outline:0;width:100%;padding:13px 0;background:transparent}.notify-options-v8{display:flex;gap:12px;flex-wrap:wrap;margin:12px 0}.notify-options-v8 label{display:flex;align-items:center;gap:7px;border:1px solid #e3e5ee;border-radius:999px;padding:9px 13px;background:#fff;font-size:14px}.notify-options-v8 input{accent-color:#6749dc}.notify-note-v8{font-size:13px;color:#747789;display:flex;gap:8px;align-items:flex-start;margin:8px 0 14px}.notify-note-v8 i{color:#6749dc;margin-top:3px}@media(max-width:640px){.contact-notify-grid-v8{grid-template-columns:1fr}.notify-options-v8{gap:8px}.notify-options-v8 label{width:100%;border-radius:10px}}
/* V11.1 Cara Order modal */
.order-guide-modal{position:fixed;inset:0;z-index:1300;display:none;align-items:center;justify-content:center;padding:22px}.order-guide-modal.is-open{display:flex}.order-guide-backdrop{position:absolute;inset:0;border:0;background:rgba(24,25,31,.58);backdrop-filter:blur(2px);cursor:default}.order-guide-sheet{position:relative;z-index:1;width:min(780px,100%);max-height:min(88dvh,920px);overflow:auto;background:#fff;border-radius:18px;box-shadow:0 24px 70px rgba(0,0,0,.28);padding:28px 34px 34px;animation:guideSheetIn .24s ease both}.order-guide-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 0 20px;border-bottom:1px solid #e6e6e8}.order-guide-head h2{margin:0;font-size:30px;font-weight:500;letter-spacing:-.5px}.order-guide-close{width:48px;height:48px;border:0;border-radius:12px;background:transparent;color:#777;font-size:32px;cursor:pointer;display:grid;place-items:center;transition:.18s}.order-guide-close:hover{background:#f5f5f6;color:#222;transform:rotate(4deg)}.order-guide-select>h3{text-align:center;font-size:20px;font-weight:600;margin:30px 0 26px}.order-guide-service-list{display:grid;gap:16px}.order-guide-service{border:0;padding:0;background:transparent;border-radius:18px;overflow:hidden;cursor:pointer;text-align:left;box-shadow:0 5px 15px rgba(56,36,134,.08);transition:.22s ease}.order-guide-service:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(56,36,134,.15)}.order-guide-service img{width:100%;display:block;aspect-ratio:1600/430;object-fit:contain;background:var(--primary)}.order-guide-service-fallback{min-height:155px;padding:22px 28px;background:linear-gradient(110deg,var(--primary),#5b3cd2);color:white;display:grid;grid-template-columns:86px 1fr 150px;grid-template-rows:auto auto;column-gap:22px;align-items:center}.order-guide-service-fallback>i{grid-row:1/3;font-size:58px;text-align:center}.order-guide-service-fallback>b{font-size:22px}.order-guide-service-fallback>small{font-size:12px;opacity:.9}.order-guide-service-fallback>em{grid-column:3;grid-row:1/3;background:var(--accent);font-style:normal;font-weight:800;text-align:center;padding:13px;border-radius:11px}.order-guide-empty{text-align:center;color:#888;padding:45px 0}.order-guide-detail{padding:25px 20px 6px}.order-guide-back{border:0;background:transparent;color:var(--primary);font:600 13px Poppins;cursor:pointer;padding:5px 0;margin-bottom:22px}.order-guide-detail h3{text-align:center;font-size:20px;margin:0 0 28px}.order-guide-detail ul{margin:0 auto;padding-left:28px;max-width:620px}.order-guide-detail li{font-size:16px;line-height:1.62;margin:8px 0;padding-left:2px}.order-guide-start{display:flex;width:min(330px,100%);margin:34px auto 4px;align-items:center;justify-content:center;gap:10px;background:var(--primary);color:#fff;text-decoration:none;border-radius:12px;padding:14px 18px;font-weight:700;box-shadow:0 8px 20px color-mix(in srgb,var(--primary) 22%,transparent);transition:.2s}.order-guide-start:hover{transform:translateY(-2px);filter:brightness(1.04)}@keyframes guideSheetIn{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:640px){.order-guide-modal{padding:14px}.order-guide-sheet{width:100%;max-height:86dvh;border-radius:17px;padding:24px 28px 28px}.order-guide-head{padding-bottom:17px}.order-guide-head h2{font-size:27px}.order-guide-close{width:42px;height:42px;font-size:29px}.order-guide-select>h3{font-size:17px;margin:27px 0 22px}.order-guide-service-list{gap:13px}.order-guide-service{border-radius:15px}.order-guide-service-fallback{min-height:130px;grid-template-columns:70px 1fr;padding:18px}.order-guide-service-fallback>i{font-size:46px}.order-guide-service-fallback>b{font-size:17px}.order-guide-service-fallback>small{font-size:10px}.order-guide-service-fallback>em{grid-column:2;grid-row:auto;margin-top:8px;padding:9px;font-size:12px}.order-guide-detail{padding:22px 2px 2px}.order-guide-detail h3{font-size:17px;margin-bottom:22px}.order-guide-detail ul{padding-left:24px}.order-guide-detail li{font-size:14.2px;line-height:1.58;margin:7px 0}.order-guide-start{margin-top:28px;padding:13px;font-size:14px}}
/* V11.2 Article CMS + Privacy Policy */
.article-page,.article-detail-page,.privacy-page{background:#fff}.article-hero{margin-top:38px;padding:48px 54px;border-radius:28px;background:linear-gradient(135deg,#f7f4ff 0%,#fff8ea 100%);display:grid;grid-template-columns:1.45fr .55fr;gap:36px;align-items:center;overflow:hidden;position:relative}.article-hero:before{content:"";position:absolute;right:-80px;top:-120px;width:290px;height:290px;border-radius:50%;background:color-mix(in srgb,var(--accent) 22%,transparent)}.article-hero-copy{position:relative;z-index:1}.article-kicker,.privacy-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#fff;color:var(--primary);font-size:12px;font-weight:700;box-shadow:0 7px 20px rgba(77,55,160,.08)}.article-hero h1{font-size:42px;line-height:1.16;letter-spacing:-1.3px;max-width:760px;margin:16px 0 12px}.article-hero p{color:#6f7180;font-size:15px;line-height:1.75;max-width:720px}.article-search{margin-top:25px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;background:#fff;border:1px solid #e8e5f4;border-radius:15px;padding:7px 8px 7px 15px;max-width:700px;box-shadow:0 8px 22px rgba(65,50,130,.08)}.article-search>i{color:#9a91bf}.article-search input{border:0;outline:0;font:500 14px Poppins;background:transparent;min-width:0}.article-search button{border:0;background:var(--primary);color:#fff;border-radius:11px;padding:11px 22px;font:700 13px Poppins;cursor:pointer}.article-hero-art{height:250px;display:grid;place-items:center;position:relative;z-index:1}.article-hero-art>i{font-size:112px;color:var(--primary);filter:drop-shadow(0 18px 22px rgba(75,50,165,.14))}.article-hero-art span,.article-hero-art b{position:absolute;border-radius:22px;transform:rotate(13deg)}.article-hero-art span{width:86px;height:86px;background:var(--accent);right:18%;top:7%;opacity:.85}.article-hero-art b{width:55px;height:55px;background:#fff;left:16%;bottom:8%;box-shadow:0 10px 25px #0001}.featured-article-wrap{margin-top:34px}.featured-article{display:grid;grid-template-columns:1.05fr .95fr;text-decoration:none;border:1px solid #eceaf4;border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 12px 35px rgba(38,34,64,.06);transition:.22s ease}.featured-article:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(38,34,64,.1)}.featured-cover{min-height:340px;background:#f5f4f8}.featured-cover img,.article-card-cover img,.article-detail-cover img{width:100%;height:100%;object-fit:cover;display:block}.article-cover-placeholder{width:100%;height:100%;min-height:190px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),#856cf0);color:#fff}.article-cover-placeholder i{font-size:65px;opacity:.92}.featured-copy{padding:44px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.article-category{display:inline-flex;background:#f3efff;color:var(--primary);border-radius:999px;padding:7px 11px;font-size:11px;font-weight:800;text-decoration:none}.featured-copy h2{font-size:30px;line-height:1.25;margin:16px 0 12px}.featured-copy p{font-size:14px;color:#727580;line-height:1.75;margin:0}.article-meta{display:flex;flex-wrap:wrap;gap:18px;color:#8a8b92;font-size:11px;margin:18px 0}.featured-copy>strong{color:var(--primary);font-size:13px}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px;padding-top:50px;padding-bottom:70px}.article-filter-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:22px}.article-filter-head h2{font-size:27px;margin:0 0 4px}.article-filter-head p{margin:0;color:#8a8b91;font-size:12px}.clear-filter{color:#d35b48;font-size:12px;font-weight:700;text-decoration:none}.article-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.article-card{border:1px solid #ececf1;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 6px 20px rgba(27,27,43,.04);transition:.2s ease}.article-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(27,27,43,.08)}.article-card-cover{height:190px;display:block;text-decoration:none}.article-card-body{padding:18px}.article-card-top{display:flex;justify-content:space-between;gap:12px;color:#898a91;font-size:10.5px}.article-card-top span{color:var(--primary);font-weight:700}.article-card h3{font-size:17px;line-height:1.45;margin:10px 0 8px}.article-card h3 a{text-decoration:none}.article-card p{font-size:12px;line-height:1.65;color:#767881;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.article-card-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:17px;font-size:10.5px;color:#96979e}.article-card-foot a{color:var(--primary);text-decoration:none;font-weight:800}.article-sidebar{display:grid;gap:18px;align-content:start}.article-side-card{border:1px solid #ececf1;border-radius:17px;padding:20px;background:#fff}.article-side-card h3{font-size:15px;margin:0 0 15px;display:flex;gap:8px;align-items:center}.article-side-card h3 i{color:var(--accent)}.topic-chips,.tag-cloud{display:flex;flex-wrap:wrap;gap:8px}.topic-chips a,.tag-cloud a{border:1px solid #ece8fa;border-radius:999px;padding:7px 10px;text-decoration:none;font-size:10.5px;color:#5f6068;background:#faf9ff}.topic-chips b{color:var(--primary)}.tag-cloud a{border:0;background:#fff8e8;color:#8a6628}.trending-list>a{display:grid;text-decoration:none;padding:11px 0;border-bottom:1px solid #eee}.trending-list>a:last-child{border-bottom:0}.trending-list small{font-size:9px;color:#aaa}.trending-list b{font-size:11.5px;line-height:1.45;margin:4px 0}.trending-list span{font-size:9.5px;color:#8a8b91}.muted{font-size:11px;color:#aaa}.article-empty{border:1px dashed #dedce7;border-radius:20px;text-align:center;padding:60px 25px;color:#777}.article-empty i{font-size:52px;color:#bbb}.article-empty h3{color:#30313a}.article-pagination{display:flex;gap:8px;justify-content:center;margin-top:30px}.article-pagination a{width:36px;height:36px;border:1px solid #e6e4ed;border-radius:9px;display:grid;place-items:center;text-decoration:none;font-size:12px;font-weight:700}.article-pagination a.active{background:var(--primary);color:#fff;border-color:var(--primary)}
.article-detail-shell{padding-top:36px;padding-bottom:75px}.article-breadcrumb{display:flex;gap:9px;align-items:center;font-size:11px;color:#93949c}.article-breadcrumb a{text-decoration:none}.article-breadcrumb i{font-size:8px}.article-detail-head{max-width:900px;margin:32px auto 24px;text-align:center}.article-detail-head h1{font-size:42px;line-height:1.22;letter-spacing:-1px;margin:18px 0 14px}.article-detail-head>p{font-size:15px;color:#73757f;line-height:1.75;max-width:800px;margin:0 auto}.article-author-line{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin-top:23px}.author-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#f2efff;color:var(--primary)}.article-author-line>div{text-align:left}.article-author-line b,.article-author-line small{display:block}.article-author-line b{font-size:12px}.article-author-line small,.detail-meta{font-size:9.5px;color:#91929a}.detail-meta{padding-left:8px}.article-detail-cover{height:min(540px,48vw);border-radius:24px;overflow:hidden;margin:32px 0}.article-detail-layout{display:grid;grid-template-columns:minmax(0,760px) 260px;gap:46px;justify-content:center}.article-prose{font-size:15px;line-height:1.9;color:#383942}.article-prose h2{font-size:26px;line-height:1.35;margin:38px 0 14px}.article-prose h3{font-size:21px;margin:28px 0 12px}.article-prose p{margin:0 0 19px}.article-prose ul,.article-prose ol{padding-left:24px}.article-prose li{margin:9px 0}.article-prose blockquote{border-left:4px solid var(--accent);margin:25px 0;padding:16px 20px;background:#fff9ec;border-radius:0 12px 12px 0}.article-prose a{color:var(--primary)}.article-detail-side{display:grid;align-content:start;gap:16px;position:sticky;top:110px;align-self:start}.share-card,.detail-tags{border:1px solid #ececf1;border-radius:16px;padding:18px}.share-card h3,.detail-tags h3{font-size:14px;margin:0 0 8px}.share-card p{font-size:10.5px;color:#8c8d94;line-height:1.5}.share-card>div{display:flex;gap:9px}.share-card a,.share-card button{width:38px;height:38px;border:0;border-radius:10px;display:grid;place-items:center;background:#f2efff;color:var(--primary);cursor:pointer;text-decoration:none;font-size:17px}.detail-tags a{display:inline-block;font-size:10px;text-decoration:none;background:#fff8e9;color:#946a23;padding:6px 9px;border-radius:999px;margin:3px}.related-articles{margin-top:70px}.section-title-row{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.section-title-row span{font-size:10px;color:var(--accent);font-weight:700;text-transform:uppercase;letter-spacing:.5px}.section-title-row h2{font-size:27px;margin:3px 0 0}.section-title-row>a{font-size:11px;text-decoration:none;color:var(--primary);font-weight:700}
.privacy-hero{background:linear-gradient(135deg,#f6f2ff 0%,#fff7e7 100%);padding:62px 0}.privacy-hero-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:50px;align-items:center}.privacy-hero h1{font-size:42px;line-height:1.18;letter-spacing:-1px;margin:18px 0 14px;max-width:760px}.privacy-hero>div>div:first-child>p{color:#70727d;font-size:15px;line-height:1.75;max-width:730px}.privacy-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.privacy-actions a{display:inline-flex;align-items:center;gap:8px;padding:12px 17px;border-radius:11px;text-decoration:none;font-size:12px;font-weight:700}.privacy-wa{background:#1ca768;color:#fff}.privacy-home{background:#fff;color:#333;border:1px solid #e8e6ed}.privacy-summary-card{background:#fff;border-radius:22px;padding:28px;box-shadow:0 15px 38px rgba(52,43,87,.09);position:relative;overflow:hidden}.privacy-summary-card>span{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;background:var(--primary);color:#fff;font-size:23px;margin-bottom:18px}.privacy-summary-card small{color:#a4a5ab;font-size:10px;text-transform:uppercase;letter-spacing:.8px}.privacy-summary-card h3{font-size:20px;margin:5px 0 10px}.privacy-summary-card p{font-size:12px;line-height:1.65;color:#777983}.privacy-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:32px;padding-top:44px;padding-bottom:72px}.privacy-content-card{border:1px solid #ebeaf0;border-radius:22px;padding:36px 42px;background:#fff}.privacy-section{display:grid;grid-template-columns:44px 1fr;gap:18px;padding:26px 0;border-bottom:1px solid #eee}.privacy-section:first-child{padding-top:0}.privacy-section:last-of-type{border-bottom:0}.privacy-num{width:38px;height:38px;border-radius:12px;background:#f3efff;color:var(--primary);display:grid;place-items:center;font-weight:800}.privacy-section h2{font-size:22px;margin:3px 0 12px}.privacy-section p,.privacy-section li{font-size:13px;line-height:1.75;color:#686a73}.privacy-section ul{padding-left:20px}.privacy-section li{margin:7px 0}.privacy-updated{margin-top:20px;padding:13px 15px;background:#f8f8fa;border-radius:11px;font-size:10.5px;color:#8d8e96}.privacy-side{display:grid;gap:18px;align-content:start}.privacy-contact-card,.privacy-key-card{border:1px solid #ecebf1;border-radius:18px;padding:22px;background:#fff}.privacy-side-icon{width:50px;height:50px;border-radius:14px;background:#fff4da;color:var(--accent);display:grid;place-items:center;font-size:21px}.privacy-contact-card h3,.privacy-key-card h3{font-size:17px;margin:15px 0 8px}.privacy-contact-card>p{font-size:11px;line-height:1.6;color:#85868e}.privacy-contact-card>a{display:flex;align-items:center;gap:11px;text-decoration:none;padding:11px 0;border-top:1px solid #f0f0f2;font-size:11px}.privacy-contact-card>a>i{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#f3efff;color:var(--primary);font-size:15px}.privacy-contact-card>a span{min-width:0;overflow-wrap:anywhere}.privacy-contact-card>a small{display:block;color:#aaa;font-size:8.5px;margin-bottom:2px}.privacy-key-card h3{display:flex;gap:8px;align-items:center}.privacy-key-card h3 i{color:var(--primary)}.privacy-key-card ul{list-style:none;margin:12px 0 0;padding:0}.privacy-key-card li{display:flex;gap:9px;font-size:10.5px;line-height:1.5;padding:7px 0}.privacy-key-card li i{color:#23a65f;margin-top:3px}
@media(max-width:850px){.article-hero,.privacy-hero-grid{grid-template-columns:1fr}.article-hero-art{display:none}.featured-article{grid-template-columns:1fr}.featured-cover{min-height:280px}.article-layout,.privacy-layout{grid-template-columns:1fr}.article-sidebar{grid-template-columns:repeat(3,1fr)}.article-detail-layout{grid-template-columns:1fr}.article-detail-side{position:static;grid-template-columns:1fr 1fr}.article-detail-cover{height:48vw}}
@media(max-width:640px){.article-hero{margin-top:22px;padding:30px 24px;border-radius:20px}.article-hero h1,.privacy-hero h1{font-size:29px;letter-spacing:-.5px}.article-hero p,.privacy-hero>div>div:first-child>p{font-size:12.5px}.article-search{grid-template-columns:auto 1fr;padding:7px 8px 7px 12px}.article-search button{padding:10px 14px}.featured-article-wrap{margin-top:24px}.featured-cover{min-height:210px}.featured-copy{padding:24px}.featured-copy h2{font-size:22px}.article-layout{padding-top:34px;gap:25px}.article-grid{grid-template-columns:1fr}.article-sidebar{grid-template-columns:1fr}.article-card-cover{height:205px}.article-filter-head{align-items:flex-start}.article-filter-head h2{font-size:22px}.article-detail-shell{padding-top:25px}.article-detail-head{margin-top:25px}.article-detail-head h1{font-size:28px}.article-detail-head>p{font-size:12.5px}.article-author-line{gap:9px}.article-detail-cover{height:56vw;border-radius:18px;margin:25px 0}.article-prose{font-size:13.5px;line-height:1.8}.article-prose h2{font-size:21px}.article-prose h3{font-size:18px}.article-detail-side{grid-template-columns:1fr}.section-title-row h2{font-size:22px}.privacy-hero{padding:40px 0}.privacy-hero-grid{gap:24px}.privacy-summary-card{padding:22px}.privacy-layout{padding-top:28px}.privacy-content-card{padding:24px 20px}.privacy-section{grid-template-columns:34px 1fr;gap:12px;padding:22px 0}.privacy-num{width:32px;height:32px;border-radius:9px}.privacy-section h2{font-size:18px}.privacy-section p,.privacy-section li{font-size:12px}.privacy-actions a{font-size:11px;padding:11px 13px}}
/* V11.3 - notifikasi order selalu aktif otomatis */
.notify-auto-v11{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 9px}.notify-auto-v11 span{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #dfe3ea;border-radius:10px;background:#f9fafc;color:#444a59;font-size:13px;font-weight:600}.notify-auto-v11 .fa-whatsapp{color:#18a957;font-size:17px}.notify-auto-v11 .fa-envelope{color:var(--accent,#ffa51f);font-size:16px}@media(max-width:640px){.notify-auto-v11{display:grid;grid-template-columns:1fr 1fr;gap:8px}.notify-auto-v11 span{font-size:11px;padding:9px 10px}}
/* V11.4 SEO landing & crawl-friendly visible content */
.home-seo-intro{margin:22px 0 18px;padding:22px 24px;border:1px solid #eceaf5;border-radius:22px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:22px;box-shadow:0 10px 28px rgba(33,28,74,.06)}
.home-seo-intro>div:first-child{max-width:760px}.home-seo-intro>div:first-child>span{font-size:12px;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:.04em}.home-seo-intro h1{font-size:clamp(24px,3vw,38px);line-height:1.18;margin:7px 0 8px;color:#1d2030}.home-seo-intro p{margin:0;color:#666b78;line-height:1.7}.home-seo-links{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.home-seo-links a{display:inline-flex;align-items:center;gap:8px;padding:12px 15px;border-radius:13px;background:#f4f0ff;color:var(--primary);font-weight:700;text-decoration:none;white-space:nowrap}.home-seo-links a:hover{transform:translateY(-2px)}
.seo-service-page{background:#faf9fd}.seo-service-hero{padding:46px 0 34px;background:linear-gradient(135deg,#fff 20%,#f2edff 100%)}.seo-service-hero-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:32px;align-items:center}.seo-breadcrumb{display:flex;gap:9px;align-items:center;font-size:13px;color:#787b87;margin-bottom:18px}.seo-breadcrumb a{color:var(--primary);text-decoration:none}.seo-service-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:99px;background:#eee8ff;color:var(--primary);font-size:13px;font-weight:700}.seo-service-hero h1{font-size:clamp(34px,5vw,60px);line-height:1.08;color:#1d2030;margin:15px 0 14px}.seo-service-hero p{font-size:17px;line-height:1.75;color:#666b78;max-width:820px}.seo-service-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:22px}.seo-primary-btn,.seo-secondary-btn{display:inline-flex;align-items:center;gap:9px;padding:13px 18px;border-radius:13px;text-decoration:none;font-weight:700}.seo-primary-btn{background:var(--primary);color:#fff}.seo-secondary-btn{background:#fff;color:#262938;border:1px solid #dedee8}.seo-service-visual{background:var(--primary);color:#fff;border-radius:26px;padding:30px;min-height:220px;display:flex;align-items:center;justify-content:center;gap:18px;box-shadow:0 20px 45px rgba(76,52,175,.2)}.seo-service-icon{width:86px;height:86px;border-radius:22px;background:rgba(255,255,255,.13);display:grid;place-items:center;font-size:40px}.seo-service-visual b{display:block;font-size:20px}.seo-service-visual small{display:block;margin-top:6px;opacity:.85}.seo-service-content{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;padding-top:32px;padding-bottom:44px}.seo-copy-card,.seo-service-side>div{background:#fff;border:1px solid #ececf2;border-radius:22px;box-shadow:0 10px 28px rgba(30,32,50,.05)}.seo-copy-card{padding:30px}.seo-copy-card>h2{font-size:26px;color:#202330;margin-top:0}.seo-copy-card>p{font-size:16px;line-height:1.85;color:#5e626f}.seo-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:28px 0}.seo-feature-grid>div{border:1px solid #e9e7f1;border-radius:16px;padding:18px}.seo-feature-grid i{font-size:22px;color:var(--primary)}.seo-feature-grid h3{font-size:16px;margin:10px 0 6px}.seo-feature-grid p{font-size:13px;line-height:1.6;color:#737783;margin:0}.seo-service-cta{margin-top:28px;border-radius:18px;padding:20px;background:#f4efff;display:flex;align-items:center;justify-content:space-between;gap:18px}.seo-service-cta h2{font-size:21px;margin:0 0 4px}.seo-service-cta p{margin:0;color:#6f7280}.seo-service-cta a{background:var(--accent);color:#fff;padding:12px 16px;border-radius:12px;text-decoration:none;font-weight:700;white-space:nowrap}.seo-service-side{display:flex;flex-direction:column;gap:16px}.seo-service-side>div{padding:20px}.seo-service-side h3{font-size:17px;margin:0 0 12px}.seo-service-side p,.seo-service-side li{font-size:13px;line-height:1.7;color:#6d717d}.seo-service-side ul{list-style:none;padding:0;margin:0}.seo-service-side li{display:flex;gap:8px;margin:8px 0}.seo-service-side li i{color:#19a760;margin-top:4px}
@media(max-width:760px){.home-seo-intro{display:block;padding:18px;margin-top:16px}.home-seo-intro h1{font-size:27px}.home-seo-links{justify-content:flex-start;margin-top:14px}.home-seo-links a{flex:1 1 145px;justify-content:center;font-size:13px}.seo-service-hero{padding:28px 0}.seo-service-hero-grid,.seo-service-content{grid-template-columns:1fr}.seo-service-hero h1{font-size:34px}.seo-service-hero p{font-size:15px}.seo-service-visual{min-height:160px;padding:22px}.seo-service-content{padding-top:20px}.seo-copy-card{padding:20px}.seo-feature-grid{grid-template-columns:1fr}.seo-service-cta{align-items:flex-start;flex-direction:column}.seo-service-cta a{width:100%;text-align:center}.seo-service-actions>a{flex:1 1 150px;justify-content:center}}
/* V11.5 - Global Public Custom Toast + SweetAlert */
.public-toast-stack{position:fixed;top:calc(env(safe-area-inset-top,0px) + 14px);left:50%;transform:translateX(-50%);z-index:30050;width:min(470px,calc(100vw - 24px));display:grid;gap:10px;pointer-events:none}
.public-toast{--toast-color:var(--primary,#6749dc);position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) 32px;align-items:center;gap:11px;min-height:72px;padding:12px 12px 14px 13px;background:rgba(255,255,255,.985);border:1px solid rgba(34,36,48,.08);border-radius:17px;box-shadow:0 16px 48px rgba(32,28,61,.18),0 3px 10px rgba(32,28,61,.07);overflow:hidden;pointer-events:auto;opacity:0;transform:translateY(-16px) scale(.985);transition:opacity .22s ease,transform .22s cubic-bezier(.2,.8,.2,1)}
.public-toast.is-visible{opacity:1;transform:translateY(0) scale(1)}.public-toast.is-leaving{opacity:0;transform:translateY(-9px) scale(.985)}
.public-toast-success{--toast-color:#20a765}.public-toast-error{--toast-color:#e34b59}.public-toast-warning{--toast-color:#f3a11a}.public-toast-info{--toast-color:var(--primary,#6749dc)}
.public-toast-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:color-mix(in srgb,var(--toast-color) 12%,white);color:var(--toast-color);font-size:20px}.public-toast-copy{min-width:0}.public-toast-copy strong{display:block;color:#242632;font-size:13.5px;line-height:1.25;margin-bottom:3px}.public-toast-copy p{margin:0;color:#6e717d;font-size:12px;line-height:1.45;overflow-wrap:anywhere}.public-toast-close{width:31px;height:31px;border:0;border-radius:10px;background:#f5f5f8;color:#868894;display:grid;place-items:center;cursor:pointer;transition:.18s ease}.public-toast-close:hover{background:#ececf2;color:#343640;transform:rotate(4deg)}
.public-toast-progress{position:absolute;left:0;bottom:0;height:4px;width:100%;background:var(--toast-color);transform-origin:left center;animation:publicToastProgress linear forwards}@keyframes publicToastProgress{from{transform:scaleX(1)}to{transform:scaleX(0)}}
.public-swal{width:min(430px,calc(100vw - 28px))!important;border-radius:24px!important;padding:25px 24px 22px!important;font-family:Poppins,Arial,sans-serif!important;box-shadow:0 28px 80px rgba(28,24,53,.25)!important}.public-swal-title{font-family:Poppins,Arial,sans-serif!important;font-size:22px!important;line-height:1.28!important;color:#222530!important;padding-top:4px!important}.public-swal-text{font-family:Poppins,Arial,sans-serif!important;font-size:13px!important;line-height:1.65!important;color:#71747f!important;margin-top:7px!important}.public-swal-icon{transform:scale(.82);margin-top:4px!important;margin-bottom:8px!important}.public-swal-actions{width:100%!important;gap:9px!important;margin-top:20px!important}.public-swal-confirm,.public-swal-cancel{font-family:Poppins,Arial,sans-serif!important;border:0!important;border-radius:12px!important;padding:11px 17px!important;font-size:13px!important;font-weight:700!important;cursor:pointer!important;transition:.18s ease!important}.public-swal-confirm{background:var(--primary,#6749dc)!important;color:#fff!important;box-shadow:0 8px 20px color-mix(in srgb,var(--primary,#6749dc) 24%,transparent)!important}.public-swal-cancel{background:#f1f1f5!important;color:#565862!important}.public-swal-confirm:hover,.public-swal-cancel:hover{transform:translateY(-1px);filter:brightness(.98)}
.swal2-container{z-index:30100!important}.swal2-backdrop-show{backdrop-filter:blur(3px)}
@media(max-width:640px){.public-toast-stack{top:calc(env(safe-area-inset-top,0px) + 9px);width:calc(100vw - 18px);gap:8px}.public-toast{grid-template-columns:39px minmax(0,1fr) 29px;gap:9px;min-height:66px;padding:10px 10px 13px;border-radius:15px}.public-toast-icon{width:38px;height:38px;border-radius:12px;font-size:18px}.public-toast-copy strong{font-size:12.5px}.public-toast-copy p{font-size:11.3px}.public-toast-close{width:28px;height:28px}.public-swal{border-radius:20px!important;padding:22px 18px 18px!important}.public-swal-title{font-size:19px!important}.public-swal-text{font-size:12px!important}.public-swal-actions{display:grid!important;grid-template-columns:1fr 1fr!important}.public-swal-confirm,.public-swal-cancel{width:100%!important;margin:0!important;padding:11px 10px!important}}
@media(prefers-reduced-motion:reduce){.public-toast,.public-toast-close,.public-swal-confirm,.public-swal-cancel{transition:none!important}.public-toast-progress{animation:none!important}}
/* V11.6 filter, tracking, service directory & freelance */
.hero-slider{touch-action:pan-y}.filter-step-v116 fieldset{border:0;padding:0;margin:0;transition:.2s ease}.filter-step-v116 fieldset:disabled{opacity:.46;filter:grayscale(.15);pointer-events:none}.filter-version-badge{display:flex;align-items:center;gap:11px;padding:12px 14px;background:#f4f0ff;border:1px solid #e4dcff;border-radius:14px;margin:12px 0}.filter-version-badge>i{width:37px;height:37px;border-radius:11px;background:var(--primary);color:#fff;display:grid;place-items:center}.filter-version-badge small,.filter-version-badge b{display:block}.filter-version-badge small{font-size:10px;color:#767887}.filter-version-badge b{font-size:14px;color:#30285e}.filter-upload-hint{display:flex;align-items:center;gap:8px;color:#8b6d14;background:#fff9e7;border:1px solid #f7e4a6;padding:10px 12px;border-radius:11px;font-size:12px}.filter-upload-hint.ready{color:#24844e;background:#eefaf3;border-color:#cfeeda}.filter-option-v116{display:flex;align-items:flex-start;gap:12px;padding:14px 12px;border-bottom:1px solid #eeeef2}.filter-option-v116>input,.matches-toggle>input{width:21px;height:21px;accent-color:var(--primary);margin-top:2px;flex:0 0 auto}.filter-option-v116 span b,.filter-option-v116 span small{display:block}.filter-option-v116 span b{font-size:14px}.filter-option-v116 span small{font-size:11px;color:#777b87;margin-top:3px;line-height:1.5}.matches-option{display:block}.matches-toggle{display:flex;gap:12px;align-items:flex-start}.matches-controls{margin:12px 0 0 33px;display:flex;align-items:center;gap:8px}.matches-controls[hidden]{display:none}.matches-controls select,.matches-controls input{height:42px;border:1px solid #d9dbe4;border-radius:10px;padding:0 12px;background:#fff;font:inherit;font-size:13px}.matches-controls input{width:100px}.matches-controls em{font-style:normal;font-size:12px;color:#777}.contact-notify-grid-v116{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-input-v116>span{display:block;font-weight:700;font-size:13px;margin:0 0 7px}.contact-input-v116>div,.referral-input-v116{height:48px;border:1px solid #dfe1e8;border-radius:12px;display:flex;align-items:center;background:#fff;overflow:hidden}.contact-input-v116>div i,.referral-input-v116 i{width:44px;text-align:center;font-size:18px;color:var(--accent)}.contact-input-v116 .fa-whatsapp{color:#1aaa55}.contact-input-v116 input,.referral-input-v116 input{border:0;outline:0;min-width:0;flex:1;height:100%;font:inherit;font-size:13px;padding:0 13px 0 0;background:transparent}.order-price-card-v116{border:1px solid #d7e3ef;border-radius:14px;overflow:hidden;margin:18px 0 14px;background:#fff}.price-card-head{background:#2366ad;color:#fff;padding:12px 14px;display:flex;align-items:center;justify-content:space-between}.price-card-head>div{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700}.price-card-head small{font-size:10px;opacity:.8}.price-card-body{padding:12px 14px}.price-card-body>div{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:12px}.price-total-row{border-top:1px solid #e8eaf0;margin-top:5px;padding-top:12px!important}.price-total-row strong{font-size:18px;color:#20232e}.referral-field-v116{max-width:100%}.referral-field-v116>small{color:#8c8d94}.track-page-v116{padding:42px 0 70px;background:#fff}.track-head-v116{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.8fr);gap:38px;align-items:end}.track-copy-v116>span{color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.08em}.track-copy-v116 h1{font-size:34px;margin:7px 0 8px}.track-copy-v116 p{margin:0;color:#727681;line-height:1.7}.track-search-v116{max-width:520px}.track-search-v116>label{display:block;color:var(--accent);font-size:12px;font-weight:600;margin-bottom:6px}.track-search-v116>div{display:flex;gap:8px;align-items:stretch}.track-search-v116 input{min-width:0;flex:1;height:46px;border:1px solid var(--accent);border-radius:10px;padding:0 13px;font:inherit;font-size:12px;outline:0}.track-search-v116 button{width:72px;border:0;border-radius:10px;background:var(--accent);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font:inherit;font-size:11px;cursor:pointer}.track-search-v116 button i{font-size:15px}.track-search-v116 small{display:flex;gap:7px;margin-top:8px;color:#727681;font-size:10px;line-height:1.5}.track-empty-v116{margin:50px auto 0;text-align:center;max-width:440px;padding:35px 20px}.empty-art-v116{height:160px;position:relative;display:flex;align-items:center;justify-content:center;gap:8px;color:#50628a}.empty-art-v116 .fa-person-circle-question{font-size:92px}.empty-art-v116 .fa-file-excel{font-size:34px;color:#9eb9da;transform:translateY(-30px) rotate(-10deg)}.empty-art-v116 .fa-folder-closed{font-size:70px;color:#40537f;transform:translateY(35px)}.track-empty-v116 h2{font-size:18px;color:var(--accent);margin:0}.track-empty-v116 p{font-size:11px;color:#858894;line-height:1.6}.track-results-v116{margin-top:38px;border:1px solid #ececf1;border-radius:16px;overflow:hidden}.track-result-head{display:flex;justify-content:space-between;padding:17px 18px;border-bottom:1px solid #ececf1}.track-result-head h2{font-size:17px;margin:0}.track-result-head span{font-size:11px;color:#777}.service-directory{padding:38px 0 65px;background:#faf9fd}.service-directory-hero{background:#fff;border:1px solid #eceaf4;border-radius:22px;padding:26px;box-shadow:0 10px 28px #211c4a0d;margin-bottom:20px}.service-directory-hero>span{font-size:11px;color:var(--primary);font-weight:800}.service-directory-hero h1{font-size:30px;margin:8px 0}.service-directory-hero p{max-width:680px;color:#656a76;font-size:13px;line-height:1.7}.service-directory-hero>div{display:flex;gap:10px;flex-wrap:wrap}.service-directory-hero a{padding:10px 13px;border-radius:10px;background:#f0ecff;color:var(--primary);font-size:12px;font-weight:700;text-decoration:none}.service-directory-list{display:grid;gap:15px}.freelance-auth-page{padding:45px 0 75px;background:linear-gradient(180deg,#f7f4ff,#fff)}.freelance-auth-card{max-width:650px;margin:auto;background:#fff;border:1px solid #ebe8f4;border-radius:24px;padding:30px;box-shadow:0 18px 50px #231c530f}.freelance-auth-card.compact{max-width:520px}.freelance-auth-icon{width:58px;height:58px;border-radius:17px;background:var(--primary);color:#fff;display:grid;place-items:center;font-size:24px}.freelance-kicker{display:block;color:var(--primary);font-size:11px;font-weight:800;margin-top:16px}.freelance-auth-card h1{margin:5px 0 7px;font-size:30px}.freelance-auth-card>p{font-size:12px;color:#747784;line-height:1.65}.freelance-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}.freelance-form label{font-size:12px;font-weight:700}.freelance-form label>div{height:47px;border:1px solid #dfe1e8;border-radius:11px;display:flex;align-items:center;margin-top:6px}.freelance-form label>div i{width:43px;text-align:center;color:var(--primary)}.freelance-form input{height:100%;border:0;outline:0;flex:1;min-width:0;padding-right:12px;font:inherit;font-size:12px}.freelance-form button{grid-column:1/-1;border:0;border-radius:12px;background:var(--primary);color:#fff;padding:13px;font:inherit;font-weight:700;cursor:pointer}.freelance-auth-foot{text-align:center;margin-top:17px;font-size:12px;color:#787b86}.freelance-auth-foot a{color:var(--primary);font-weight:700}.freelance-dashboard,.freelance-detail{padding:38px 0 75px;background:#faf9fd;min-height:70vh}.freelance-head{display:flex;justify-content:space-between;gap:25px;align-items:flex-start}.freelance-head span{color:var(--primary);font-size:11px;font-weight:800}.freelance-head h1{margin:4px 0;font-size:31px}.freelance-head p{margin:0;max-width:660px;color:#727681;font-size:12px}.freelance-head>a,.freelance-back{display:inline-flex;gap:7px;align-items:center;text-decoration:none;padding:10px 12px;border-radius:10px;background:#fff;border:1px solid #e4e3ea;font-size:12px}.freelance-pool-note{display:flex;gap:13px;align-items:center;background:#ecfbf3;border:1px solid #ccefdc;border-radius:15px;padding:14px 16px;margin:22px 0}.freelance-pool-note>i{font-size:24px;color:#178c52}.freelance-pool-note b,.freelance-pool-note span{display:block}.freelance-pool-note b{font-size:13px}.freelance-pool-note span{font-size:11px;color:#637168}.freelance-section-title{display:flex;align-items:center;justify-content:space-between;margin:25px 0 12px}.freelance-section-title h2{font-size:20px;margin:0}.freelance-section-title em{font-style:normal;background:var(--accent);color:#fff;border-radius:99px;padding:2px 8px;font-size:11px}.freelance-section-title small{font-size:10px;color:#7e818c}.freelance-order-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.freelance-order-card{background:#fff;border:1px solid #e9e8ef;border-radius:16px;padding:16px;box-shadow:0 7px 22px #221d4508}.freelance-order-top{display:flex;justify-content:space-between;align-items:center}.service-pill{display:inline-flex;background:#eee9ff;color:var(--primary);border-radius:99px;padding:5px 9px;font-size:10px;font-weight:700}.service-pill.ai{background:#e8f6ff;color:#1684bf}.freelance-order-card h3{font-size:15px;margin:13px 0 5px}.freelance-order-card p{font-size:10px;color:#7d808b}.claim-order-btn{width:100%;border:0;border-radius:10px;background:var(--accent);color:#fff;padding:10px;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.freelance-empty{grid-column:1/-1;text-align:center;background:#fff;border:1px dashed #ddd9eb;border-radius:16px;padding:32px}.freelance-empty i{font-size:32px;color:#aaa2c8}.freelance-empty h3{font-size:15px;margin:9px 0 3px}.freelance-empty p,.freelance-muted{font-size:11px;color:#858895}.freelance-my-list{display:grid;gap:8px}.freelance-my-list>a{display:grid;grid-template-columns:1fr auto 18px;gap:12px;align-items:center;background:#fff;border:1px solid #e8e7ee;border-radius:13px;padding:12px;text-decoration:none}.freelance-my-list>a>div{display:flex;align-items:center;gap:10px}.freelance-my-list b{font-size:12px}.freelance-status{font-size:10px;text-transform:uppercase;padding:5px 8px;border-radius:99px;background:#eee;color:#666}.freelance-status.claimed{background:#fff2cf;color:#9a6500}.freelance-status.completed{background:#dff7e9;color:#167444}.freelance-detail-card{margin-top:16px;background:#fff;border:1px solid #e8e7ee;border-radius:20px;padding:22px}.freelance-detail-head{display:flex;justify-content:space-between;align-items:flex-start}.freelance-detail-head span{font-size:10px;color:var(--primary);font-weight:800}.freelance-detail-head h1{font-size:25px;margin:4px 0}.freelance-filter-box{background:#f7f5fc;border-radius:14px;padding:14px;margin:15px 0}.freelance-filter-box h3{font-size:13px;margin:0 0 9px}.filter-summary{display:flex;gap:7px;flex-wrap:wrap}.filter-summary span,.filter-summary b{font-size:10px;padding:6px 9px;border-radius:8px;background:#fff;border:1px solid #e4e1ec}.filter-summary span{background:var(--primary);color:#fff}.freelance-files>h2{font-size:18px}.freelance-files>article{border:1px solid #ecebf1;border-radius:14px;padding:14px;margin:10px 0}.freelance-file-info{display:flex;align-items:center;gap:11px}.freelance-file-info>i{font-size:28px;color:#e44747}.freelance-file-info>div{min-width:0;flex:1}.freelance-file-info b,.freelance-file-info span{display:block;overflow:hidden;text-overflow:ellipsis}.freelance-file-info b{font-size:12px}.freelance-file-info span{font-size:10px;color:#888}.freelance-file-info>a{font-size:10px;text-decoration:none;background:#f0ecff;color:var(--primary);padding:8px 10px;border-radius:8px}.freelance-result-form{display:grid;grid-template-columns:1fr 120px auto;gap:9px;align-items:end;margin-top:13px;padding-top:13px;border-top:1px solid #eee}.freelance-result-form label{font-size:10px;font-weight:600}.freelance-result-form input{display:block;width:100%;height:39px;border:1px solid #dddde5;border-radius:9px;padding:6px;margin-top:5px;font-size:10px}.freelance-result-form button{height:39px;border:0;border-radius:9px;background:var(--primary);color:#fff;font-weight:700;padding:0 12px}.freelance-done{margin-top:10px;padding:9px;background:#edfaf3;color:#187948;border-radius:9px;font-size:11px}.release-order-form{margin-top:18px}.release-order-form button{border:1px solid #e0a23a;background:#fff8ea;color:#9b6712;border-radius:10px;padding:10px 12px;font:inherit;font-size:11px}.article-search{display:grid!important;grid-template-columns:20px minmax(0,1fr) auto!important;align-items:center!important}.article-search input{min-width:0!important}.article-search button{white-space:nowrap!important}
@media(max-width:760px){.contact-notify-grid-v116{grid-template-columns:1fr}.track-page-v116{padding:28px 0 55px}.track-head-v116{grid-template-columns:1fr;gap:22px}.track-copy-v116 h1{font-size:25px}.track-search-v116{max-width:100%}.track-search-v116>div{display:grid;grid-template-columns:minmax(0,1fr) 68px}.track-search-v116 input{width:100%;height:44px}.track-search-v116 button{width:68px}.track-empty-v116{margin-top:25px}.service-directory{padding-top:24px}.service-directory-hero{padding:20px}.service-directory-hero h1{font-size:24px}.freelance-form{grid-template-columns:1fr}.freelance-auth-card{padding:22px 18px}.freelance-order-grid{grid-template-columns:1fr}.freelance-head{display:block}.freelance-head>a{margin-top:13px}.freelance-result-form{grid-template-columns:1fr}.freelance-file-info{align-items:flex-start;flex-wrap:wrap}.freelance-file-info>div{flex-basis:65%}.freelance-file-info>a{margin-left:39px}.freelance-my-list>a{grid-template-columns:1fr auto 14px}.freelance-my-list>a>div{display:grid;gap:5px}.filter-option-v116{padding-left:4px;padding-right:4px}.matches-controls{margin-left:32px}.order-card-v116 .order-step-v5{padding-left:2px;padding-right:2px}}
/* V11.8 — Turnitin filter selector: exclusive admin version + New/Old Viewer public UI */
.turnitin-version-public{display:flex;align-items:center;gap:9px;margin:12px 0;padding:12px 14px;border:1px solid #e3e7ee;border-radius:14px;background:#fff;box-shadow:0 5px 18px rgba(25,31,51,.035)}
.turnitin-version-public>i{color:#40516d;font-size:16px}.turnitin-version-public>span{font-size:12px;font-weight:700;color:#4c5261}.turnitin-version-public>b{margin-left:auto;background:#40516d;color:#fff;padding:7px 11px;border-radius:9px;font-size:11px;box-shadow:0 3px 10px rgba(38,49,69,.14)}
.turnitin-filter-fieldset{border:0!important;padding:0!important;margin:0!important}.turnitin-filter-fieldset:disabled{opacity:.48;filter:grayscale(.12);pointer-events:none}
.turnitin-filter-panel{border:1px solid #e3e7ec;border-radius:18px;padding:14px;background:#fff;box-shadow:0 8px 26px rgba(26,34,50,.035)}
.turnitin-filter-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 2px 13px}.turnitin-filter-panel-head>div{display:flex;align-items:center;gap:8px;font-size:16px}.turnitin-filter-panel-head>div i{color:#40516d}.filter-off-all{border:0;background:#f5f7fb;color:#444d60;border-radius:999px;padding:8px 12px;font:inherit;font-size:11px;font-weight:700;cursor:pointer;transition:.2s}.filter-off-all:hover{background:#eceff5}.filter-off-all i{margin-right:4px}
.turnitin-filter-row{position:relative;display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid #e0e4e9;border-radius:14px;padding:14px;margin:10px 0;background:#fff;transition:.2s ease;cursor:pointer}.turnitin-filter-row:hover{border-color:#ccd3de;box-shadow:0 6px 17px rgba(36,48,67,.05)}.filter-native-check{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important}.filter-row-icon{width:42px;height:42px;border-radius:11px;background:#f6f8fc;color:#42526b;display:grid;place-items:center;font-size:16px}.filter-row-copy{min-width:0}.filter-row-copy b,.filter-row-copy small{display:block}.filter-row-copy b{font-size:13px;color:#2c3340}.filter-row-copy small{font-size:10.5px;line-height:1.45;color:#7b808c;margin-top:3px}.filter-state-pill{display:inline-flex;align-items:center;gap:6px;justify-content:center;min-width:72px;padding:7px 10px;border-radius:999px;background:#f5f7fa;color:#858a94;border:1px solid #e4e8ec;font-size:10px;font-weight:700}.filter-state-pill.active{background:#edfff4;color:#248454;border-color:#c9efd8}.filter-state-pill em{font-style:normal}
.turnitin-match-row{cursor:default;grid-template-columns:46px minmax(0,1fr) auto}.turnitin-match-row .filter-row-copy{padding-right:4px}.filter-segmented{display:inline-flex;border-radius:10px;background:#f4f6fa;border:1px solid #e4e7ed;overflow:hidden;white-space:nowrap}.filter-segmented button{border:0;background:transparent;color:#7b8290;padding:8px 10px;font:inherit;font-size:10px;font-weight:700;cursor:pointer;min-width:48px}.filter-segmented button.active{background:#40516d;color:#fff;box-shadow:0 2px 7px rgba(42,55,76,.16)}.filter-number-box{grid-column:2/-1;display:flex;align-items:center;gap:8px;padding-top:2px}.filter-number-box[hidden]{display:none}.filter-number-box input{width:120px;height:42px;border:1px solid #d8dde5;border-radius:10px;padding:0 11px;font:inherit;font-size:12px;outline:0}.filter-number-box input:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 12%,transparent)}.filter-number-box span{font-size:10px;font-weight:700;color:#6d7380}.old-match-segmented button{min-width:42px}
@media(max-width:760px){.turnitin-filter-panel{padding:10px;border-radius:15px}.turnitin-filter-row{grid-template-columns:38px minmax(0,1fr) auto;gap:9px;padding:12px 10px}.filter-row-icon{width:36px;height:36px;border-radius:9px;font-size:14px}.filter-row-copy b{font-size:12px}.filter-row-copy small{font-size:9.5px}.filter-state-pill{min-width:62px;padding:6px 8px;font-size:9px}.turnitin-match-row{grid-template-columns:38px minmax(0,1fr)}.turnitin-match-row .filter-segmented{grid-column:1/-1;margin-left:47px;width:max-content}.filter-number-box{grid-column:1/-1;margin-left:47px}.turnitin-version-public>b{font-size:10px;padding:6px 9px}.filter-off-all{font-size:10px;padding:7px 9px}.turnitin-filter-panel-head>div{font-size:14px}}
/* V11.9 — maintenance, QRIS async, claim flow & freelance polish */
.service-banner{position:relative}.service-maintenance-overlay-v119{position:absolute;inset:0;border-radius:inherit;background:rgba(38,31,66,.72);backdrop-filter:blur(2px);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;gap:5px;z-index:4;pointer-events:none}.service-maintenance-overlay-v119 i{font-size:24px}.service-maintenance-overlay-v119 b{font-size:15px}.service-maintenance-overlay-v119 small{font-size:10px;opacity:.88}.maintenance-badge-v119{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;background:#fff1d9;color:#a76500;font-size:9px;font-weight:800}.service-card-maintenance-v119{position:relative;overflow:hidden}.service-card-maintenance-v119:after{content:'MAINTENANCE';position:absolute;top:13px;right:-28px;transform:rotate(35deg);background:#f3a21b;color:#fff;padding:5px 34px;font-size:8px;font-weight:800;letter-spacing:.5px}.qris-loading-v119,.qris-create-error-v119{padding:38px 20px}.qris-skeleton{width:230px;height:230px;border-radius:18px;background:linear-gradient(100deg,#f0f1f5 25%,#fafafa 40%,#f0f1f5 58%);background-size:220% 100%;animation:qrisShimmer 1.25s infinite;display:grid;place-items:center;margin:auto}.qris-skeleton i{font-size:78px;color:#c9cbd4}.qris-loading-v119 h2,.qris-create-error-v119 h2{font-size:22px;margin:20px 0 5px}.qris-loading-v119 p,.qris-create-error-v119 p{font-size:12px;color:#777}.qris-loading-bar{display:block;width:min(360px,90%);height:5px;background:#ececf2;border-radius:99px;margin:20px auto 0;overflow:hidden}.qris-loading-bar i{display:block;width:42%;height:100%;background:var(--primary);border-radius:99px;animation:qrisMove 1.1s ease-in-out infinite}.qris-create-error-v119>i{font-size:50px;color:#d99a2b}.payment-countdown-v119{display:flex;align-items:center;justify-content:center;gap:10px;background:#fff2db;border:1px solid #f0c175;border-radius:12px;padding:10px 14px;margin:15px auto;width:min(360px,100%)}.payment-countdown-v119 i{font-size:22px;color:#d28200}.payment-countdown-v119 small,.payment-countdown-v119 strong{display:block}.payment-countdown-v119 small{font-size:9px;color:#8a6e42}.payment-countdown-v119 strong{font-size:22px;color:#9b5e00}.payment-auto-notify-v119{display:flex;align-items:flex-start;gap:9px;text-align:left;background:#eefaf3;color:#287150;padding:11px 13px;border-radius:10px;margin-top:14px;font-size:10px;line-height:1.5}.freelance-process-time-v119{display:flex;align-items:center;gap:11px;border:1px solid #ded9f4;background:#f8f6ff;border-radius:13px;padding:11px 13px;margin:13px 0}.freelance-process-time-v119>i{width:38px;height:38px;border-radius:10px;background:var(--primary);color:#fff;display:grid;place-items:center}.freelance-process-time-v119 small,.freelance-process-time-v119 b{display:block}.freelance-process-time-v119 small{font-size:9px;color:#817c97}.freelance-process-time-v119 b{font-size:13px}.freelance-my-list a small{font-size:9px;color:#777}.resubmit-v119{background:#fff9ec;border-radius:10px;padding:10px!important}.resubmit-v119 button{background:#e49a19}.freelance-auth-card,.freelance-auth-card *{box-sizing:border-box}.freelance-auth-card{width:min(650px,calc(100% - 24px));overflow:hidden}.freelance-auth-card.compact{width:min(520px,calc(100% - 24px))}.freelance-form{width:100%;max-width:100%}.freelance-form label,.freelance-form label>div,.freelance-form input,.freelance-form button{max-width:100%;min-width:0}.freelance-form button{width:100%}
@keyframes qrisShimmer{to{background-position:-120% 0}}@keyframes qrisMove{0%{transform:translateX(-100%)}50%{transform:translateX(90%)}100%{transform:translateX(260%)}}
@media(max-width:760px){.qris-skeleton{width:190px;height:190px}.qris-skeleton i{font-size:60px}.payment-page-v119 .pay-status-card{padding:20px 15px}.freelance-auth-page .container{padding-left:12px;padding-right:12px}.freelance-auth-card,.freelance-auth-card.compact{width:100%;max-width:100%;margin:0}.freelance-form{display:grid;grid-template-columns:minmax(0,1fr)!important}.freelance-form button{grid-column:1!important}.service-maintenance-overlay-v119 b{font-size:12px}}
/* V11.9 maintenance aliases used by public templates */
.service-image-card.is-maintenance{position:relative;overflow:hidden;cursor:pointer}.service-maintenance-overlay{position:absolute;inset:0;border-radius:inherit;background:rgba(47,36,91,.76);backdrop-filter:blur(2px);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;gap:5px;z-index:5}.service-maintenance-overlay i{font-size:24px}.service-maintenance-overlay b{font-size:14px}.service-maintenance-overlay small{font-size:9px;opacity:.9}.order-guide-service.is-maintenance{position:relative;opacity:.88}.service-maintenance-badge{display:inline-flex!important;align-items:center;gap:5px;background:#fff0d5;color:#9a6100;border-radius:999px;padding:5px 8px;font-size:8px!important;font-weight:800;margin-top:6px}.order-guide-service.is-maintenance:after{content:'';position:absolute;inset:0;border:1px solid #efaa3e;border-radius:inherit;pointer-events:none}
.order-state-badge.claim{color:#75520c;border-color:#e6c476;background:#fff7dc}
/* V11.10 — per-service maintenance hard lock + public order notice */
.order-maintenance-notice-v1110{display:grid;grid-template-columns:46px minmax(0,1fr);gap:14px;align-items:flex-start;margin:0 0 18px;padding:16px 18px;border:1px solid #efb2a8;border-radius:15px;background:linear-gradient(135deg,#fff8f6 0%,#fff4f0 100%);color:#7f3f36;box-shadow:0 8px 24px rgba(150,74,54,.07)}
.order-maintenance-notice-v1110 .maintenance-notice-icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:#fde5df;color:#c55a45;font-size:19px}
.order-maintenance-notice-v1110 b{display:block;font-size:14px;color:#983f32;margin:1px 0 3px}.order-maintenance-notice-v1110 p{margin:0;font-size:13px;font-weight:600}.order-maintenance-notice-v1110 small{display:block;margin-top:5px;color:#96736c;font-size:9.5px;line-height:1.55}
.maintenance-disabled-v1110{opacity:.58!important;cursor:not-allowed!important;filter:saturate(.55)}.checkout-btn-v5.maintenance-disabled-v1110{background:#b8afc9!important;box-shadow:none!important}
.upload-btn-v5.maintenance-disabled-v1110{background:#eeeaf5!important;color:#786c91!important}.order-card-v116 form[data-maintenance="1"] .upload-zone-v5{border-style:dashed;background:#fbf9fd}.order-card-v116 form[data-maintenance="1"] .delete-all-v5{opacity:.5;pointer-events:none}
@media(max-width:760px){.order-maintenance-notice-v1110{grid-template-columns:38px 1fr;padding:13px}.order-maintenance-notice-v1110 .maintenance-notice-icon{width:38px;height:38px;border-radius:10px;font-size:16px}.order-maintenance-notice-v1110 b{font-size:12px}.order-maintenance-notice-v1110 p{font-size:11px}}
/* V11.11 - customer result name/revision */
.file-list-v5.done>div>span b{display:block;color:#24242b;font-weight:700;word-break:break-word}.file-list-v5.done>div>span small{display:block;margin-top:3px;color:#7a7a86;font-size:.78em}.file-list-v5.done>div>a,.file-list-v5.done>div .d-flex a{white-space:nowrap}
/* v11.12 customer file card + file type polish */
.file-chip-v5{overflow:hidden}
.file-chip-v5 .file-chip-icon{position:relative;width:68px;height:82px;border-radius:18px;background:#f3efff;color:#6549dc;display:grid;place-items:center;margin-bottom:4px}
.file-chip-v5 .file-chip-icon i{font-size:34px;color:inherit}
.file-chip-v5 .file-chip-icon em{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);min-width:42px;padding:3px 8px;border-radius:999px;background:#fff;color:inherit;font-style:normal;font-size:10px;font-weight:700;box-shadow:0 2px 8px #0001}
.file-chip-v5.file-chip-v5--pdf .file-chip-icon{background:#fff2e2;color:#e38b18}
.file-chip-v5.file-chip-v5--word .file-chip-icon{background:#eaf1ff;color:#2a6de9}
.file-chip-v5.file-chip-v5--sheet .file-chip-icon{background:#e6f8ee;color:#1d9b54}
.file-chip-v5.file-chip-v5--slide .file-chip-icon{background:#fff0e8;color:#ea6e35}
.file-chip-v5.file-chip-v5--web .file-chip-icon{background:#eef4ff;color:#5865f2}
.file-chip-v5.file-chip-v5--file .file-chip-icon{background:#f4f4f7;color:#677084}
.file-chip-v5 span{white-space:normal;word-break:break-word;text-align:center;line-height:1.45}
.file-status-body--compact{display:block;min-height:unset}
.customer-file-list{display:grid;gap:16px}
.customer-file-card{display:grid;grid-template-columns:96px 1fr;gap:18px;align-items:flex-start;border:1px solid #e9e9ee;border-radius:18px;padding:18px;background:#fff;box-shadow:0 4px 14px #00000008}
.customer-file-card--done{background:#fff}
.customer-file-card--processing{background:#fcfcff}
.customer-file-icon-tile{position:relative;width:82px;min-height:98px;border-radius:20px;display:grid;place-items:center;background:#f3efff;color:#6549dc}
.customer-file-icon-tile i{font-size:34px;color:inherit}
.customer-file-icon-tile span{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);padding:4px 10px;border-radius:999px;background:#fff;color:inherit;font-size:10px;font-weight:800;letter-spacing:.4px;box-shadow:0 2px 10px #0001}
.customer-file-icon-tile.pdf{background:#fff2e2;color:#e38b18}
.customer-file-icon-tile.word{background:#eaf1ff;color:#2a6de9}
.customer-file-icon-tile.sheet{background:#e6f8ee;color:#1d9b54}
.customer-file-icon-tile.slide{background:#fff0e8;color:#ea6e35}
.customer-file-icon-tile.web{background:#eef4ff;color:#5865f2}
.customer-file-icon-tile.file,.customer-file-icon-tile.archive{background:#f4f4f7;color:#677084}
.customer-file-main{min-width:0}
.customer-file-info-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:14px 24px;margin:0}
.customer-file-info-grid>div{min-width:0}
.customer-file-info-grid dt{font-size:15px;color:#8a8b93;font-weight:500;margin:0 0 6px}
.customer-file-info-grid dd{margin:0;color:#21222a;font-weight:600;font-size:18px;line-height:1.5;word-break:break-word}
.customer-file-info-grid .file-name-cell{font-size:17px}
.customer-file-meta-notes{display:grid;gap:6px;margin-top:16px;color:#6f7280;font-size:14px}
.customer-file-meta-notes span{word-break:break-word}
.customer-file-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
.customer-download-btn,.customer-report-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 22px;border-radius:12px;text-decoration:none;font-weight:700;font-size:15px}
.customer-download-btn{background:#1b234f;color:#fff}
.customer-report-btn{background:#eef2ff;color:#3140a1;border:1px solid #dbe2ff}
.customer-download-btn:hover,.customer-report-btn:hover{opacity:.96}
.order-detail-card-v5 dd{word-break:break-word}
.file-list-v5>div,.file-list-v5.done>div{min-width:0}
@media(max-width:640px){
.customer-file-card{grid-template-columns:1fr;gap:16px}
.customer-file-icon-tile{width:74px;min-height:90px}
.customer-file-info-grid{grid-template-columns:1fr;gap:12px}
.customer-file-info-grid dt{font-size:14px}
.customer-file-info-grid dd,.customer-file-info-grid .file-name-cell{font-size:16px}
.customer-download-btn,.customer-report-btn{width:100%}
}
/* v11.13 uniform upload filename cards */
.file-chip-v5{height:180px;min-height:180px;justify-content:center}
.file-chip-v5>span{display:block;width:100%;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:normal;text-align:center;line-height:1.35}
@media(max-width:640px){
.file-chip-v5{width:145px;height:165px;min-height:165px}
.file-chip-v5>span{font-size:12px}
}
/* v11.22 AI character pricing + Turnitin account product */
.account-product-card-v122{max-width:900px}
.account-product-intro{color:#6f7280;line-height:1.8;margin:-8px 0 24px}
.account-variant-grid-v122{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.account-variant-v122{position:relative;border:1px solid #e6e6ee;border-radius:16px;padding:18px;display:grid;grid-template-columns:1fr auto;gap:8px 16px;cursor:pointer;background:#fff;transition:.2s}
.account-variant-v122[hidden]{display:none!important}
.account-variant-v122:has(input:checked){border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 12%,transparent)}
.account-variant-v122 input{position:absolute;opacity:0}
.account-variant-v122 span{display:grid;gap:3px}.account-variant-v122 span b{font-size:16px}.account-variant-v122 span small{color:#777}
.account-variant-v122 strong{font-size:17px;color:#222}.account-variant-v122 em{font-style:normal;font-size:11px;color:#258b4e;grid-column:1/-1}
.account-variant-v122.out{opacity:.48;cursor:not-allowed}.account-variant-v122.out em{color:#b42336}
.account-contact-v122{display:grid;grid-template-columns:1fr 1fr;gap:14px}.account-contact-v122 label{display:grid;gap:7px;font-weight:600}.account-contact-v122 input{height:52px;border:1px solid #d8dae2;border-radius:12px;padding:0 15px}
.account-credential-box-v122{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:100%}
.account-credential-box-v122>div{border:1px solid #e6e8ef;border-radius:14px;padding:16px;display:grid;gap:6px}.account-credential-box-v122 span{color:#777;font-size:13px}.account-credential-box-v122 b{word-break:break-word;font-size:16px}
@media(max-width:640px){.account-variant-grid-v122,.account-contact-v122,.account-credential-box-v122{grid-template-columns:1fr}.account-variant-v122{grid-template-columns:1fr auto}}
.account-info-v122{display:flex;gap:10px;align-items:flex-start;padding:13px 15px;border-radius:12px;background:#fff8e7;border:1px solid #f4d38f;color:#785d18;font-size:13px;line-height:1.6}.account-info-v122 i{margin-top:3px}
/* V11.23 - kartu tunggal produk akun memakai visual yang sama dengan card Cek Plagiarisme/AI. */
.service-account-card-v123 .service-fallback{background:linear-gradient(110deg,var(--primary),#5a3cc9)}
.service-account-card-v123 .service-fallback>i{filter:drop-shadow(0 4px 10px rgba(0,0,0,.08))}
/* V11.24 — produk akun: kategori, mobile scroll, referral diskon, copy credential */
.account-maintenance-v124{display:flex;gap:13px;align-items:flex-start;margin:0 0 20px;padding:15px 16px;border:1px solid #f1c778;border-radius:14px;background:#fff8e9;color:#80580f}.account-maintenance-v124>i{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#ffe5b7;color:#c87900;flex:0 0 auto}.account-maintenance-v124 b{display:block;font-size:14px}.account-maintenance-v124 p{margin:4px 0 0;font-size:12px;line-height:1.6}.account-category-filter-v124{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:14px;padding:13px 14px;background:#faf9ff;border:1px solid #e9e5fa;border-radius:14px}.account-category-filter-v124 label{font-size:12px;font-weight:700;color:#4c426f}.account-category-filter-v124 label i{margin-right:6px;color:var(--primary)}.account-category-filter-v124 select{min-width:230px;height:42px;border:1px solid #dcd8ee;border-radius:10px;background:#fff;padding:0 12px;font:600 12px Poppins;color:#3d3b47}.account-variant-category-v124{display:inline-flex!important;width:max-content;padding:3px 8px;border-radius:999px;background:#f0edff;color:#624bd3!important;font-size:9px!important;font-weight:700}.account-scroll-hint-v124{display:flex;align-items:center;gap:7px;margin-top:8px;color:#85808f;font-size:10px}.account-referral-v124{border:1px solid #e7e1fa;background:#fbfaff;border-radius:15px;padding:14px}.account-referral-head-v124{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}.account-referral-head-v124>span{display:flex;align-items:center;gap:8px;color:#4e3cb0;font-size:13px}.account-referral-head-v124 small{font-size:9px;color:#8a8794}.account-referral-input-v124{display:grid;grid-template-columns:1fr auto;gap:8px}.account-referral-input-v124 input{height:46px;border:1px solid #dcd8ea;border-radius:11px;padding:0 13px;text-transform:uppercase;font:600 13px Poppins;min-width:0}.account-referral-input-v124 button{border:0;border-radius:11px;padding:0 18px;background:var(--primary);color:#fff;font:700 12px Poppins;cursor:pointer;min-width:96px}.account-referral-input-v124 button:disabled{opacity:.6;cursor:not-allowed}.account-referral-message-v124{min-height:18px;margin:7px 2px 0;font-size:10px;color:#777}.account-referral-message-v124.success{color:#1c8a4d}.account-referral-message-v124.error{color:#b52e3f}.account-price-summary-v124{border:1px solid #ececf2;border-radius:15px;overflow:hidden;background:#fff}.account-price-summary-v124>div{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 14px;border-bottom:1px dashed #e7e7ed;font-size:12px}.account-price-summary-v124>div:last-child{border-bottom:0}.account-price-summary-v124 .discount b{color:#219653}.account-price-summary-v124 .total{background:#f7f4ff;padding-top:13px;padding-bottom:13px}.account-price-summary-v124 .total strong{font-size:18px;color:var(--primary)}.account-copy-line-v124{display:flex!important;align-items:center;justify-content:space-between;gap:10px}.copy-account-v124{border:1px solid #dcd7f5;background:#f8f6ff;color:#5e46ca;border-radius:9px;padding:7px 10px;font:700 10px Poppins;white-space:nowrap;cursor:pointer}.copy-account-v124:hover{background:#eee9ff}.account-empty-v124{grid-column:1/-1;min-height:130px;border:1px dashed #ddd8ef;border-radius:15px;display:grid;place-items:center;text-align:center;color:#85808f;gap:6px}.account-empty-v124 i{font-size:25px;color:#9b8fde}
@media(max-width:700px){.account-category-filter-v124{display:grid;align-items:stretch}.account-category-filter-v124 select{width:100%;min-width:0}.account-variant-list-v124.has-mobile-scroll{display:grid;max-height:410px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding-right:5px}.account-variant-list-v124.has-mobile-scroll::-webkit-scrollbar{width:5px}.account-variant-list-v124.has-mobile-scroll::-webkit-scrollbar-thumb{background:#d3cbed;border-radius:99px}.account-referral-head-v124{align-items:flex-start}.account-referral-input-v124{grid-template-columns:1fr 92px}.account-referral-input-v124 button{padding:0 10px;min-width:0}.account-copy-line-v124{align-items:flex-start}.copy-account-v124{flex:0 0 auto}.account-price-summary-v124 .total strong{font-size:16px}}
/* V11.24 - account product referral summary on payment */
.account-payment-discount-v124{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 16px;margin:-2px 0 14px;font-size:.88rem;color:var(--muted,#6b7280)}
.account-payment-discount-v124 span{display:inline-flex;align-items:center;gap:4px}
.account-payment-discount-v124 b{color:var(--text,#111827)}
.account-payment-discount-v124 span:nth-child(2) b{color:#16a34a}
.account-payment-discount-v124 small{font-weight:700;letter-spacing:.03em}