*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:#e5eefb;background:linear-gradient(180deg,#07111f 0%,#0b1526 35%,#f3f7fb 35%,#f3f7fb 100%)}a{text-decoration:none}img{max-width:100%;display:block}p{line-height:1.8;color:#61708a}h1,h2,h3{margin:0 0 16px;color:#0d1b2a;line-height:1.2}.wrapper{width:min(1180px,92%);margin:0 auto}.site-header{position:sticky;top:0;z-index:99;background:rgba(7,17,31,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0}.brandmark{display:flex;align-items:center;gap:14px;color:#fff}.brandmark strong{display:block;font-size:1.05rem;letter-spacing:.08em}.brandmark small{display:block;color:#9fb0cb;font-size:.78rem}.brandmark-icon{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#ff8c42,#ff4d7e);display:grid;place-items:center;font-size:1.4rem;font-weight:800;color:#fff;box-shadow:0 16px 30px rgba(255,77,126,.3)}.desktop-nav{display:flex;gap:24px}.desktop-nav a{color:#d8e6ff;font-size:.95rem}.desktop-nav a:hover{color:#fff}.header-actions{display:flex;gap:12px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:14px;padding:13px 20px;font-weight:700;transition:.25s ease}.btn-primary{background:linear-gradient(135deg,#ff8c42,#ff4d7e);color:#fff;box-shadow:0 16px 30px rgba(255,92,92,.22)}.btn-primary:hover{transform:translateY(-2px)}.btn-outline{border:1px solid rgba(255,255,255,.18);color:#fff;background:rgba(255,255,255,.04)}.hero-section{padding:72px 0 48px;background:radial-gradient(circle at top right,rgba(255,140,66,.18),transparent 28%),radial-gradient(circle at top left,rgba(84,127,255,.18),transparent 22%)}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:34px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:10px;padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.08);color:#b9cae8;font-size:.83rem;margin-bottom:18px}.hero-copy h1{font-size:clamp(2.3rem,5vw,4.5rem);color:#fff;margin-bottom:18px}.lead{font-size:1.05rem;color:#ccd8ee;max-width:760px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.hero-panel-box h3{color:#fff;font-size:1.6rem}.glow-card{background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,255,255,.82));border:1px solid rgba(13,27,42,.06);box-shadow:0 22px 60px rgba(7,17,31,.14);border-radius:28px;padding:28px}.hero-panel .glow-card{background:linear-gradient(180deg,rgba(17,31,54,.95),rgba(10,20,36,.95));border-color:rgba(255,255,255,.08)}.badge-mini,.service-tag{display:inline-flex;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.08);color:#cbd8ef;font-size:.78rem;margin-bottom:14px}.feature-list{padding-left:20px;margin:0}.feature-list li{margin:10px 0;color:#5f6f87;line-height:1.6}.hero-panel .feature-list li,.hero-panel p{color:#d4deef}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:26px}.stat-card{padding:18px;border-radius:22px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08)}.stat-card strong{display:block;font-size:1.35rem;color:#fff;margin-bottom:6px}.stat-card span{color:#adc2df;font-size:.9rem}.section-block{padding:74px 0;background:#f3f7fb}.section-soft{background:linear-gradient(180deg,#eef3fa,#f8fbff)}.section-dark{background:#0d1727;color:#fff}.section-dark h2,.section-dark .eyebrow,.section-dark p{color:#fff}.section-heading{max-width:760px;margin-bottom:28px}.section-heading.center{text-align:center;margin-left:auto;margin-right:auto}.section-heading p{margin:0 auto}.two-column{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:start}.about-grid h2,.section-heading h2,.cta-inner h2,.page-hero h1{font-size:clamp(1.9rem,4vw,3rem)}.checklist-card h3{margin-bottom:10px}.card-grid{display:grid;gap:22px}.two-up{grid-template-columns:repeat(2,1fr)}.three-up{grid-template-columns:repeat(3,1fr)}.service-card h3,.mini-card h3{font-size:1.3rem}.accent-express{position:relative;overflow:hidden}.accent-express::after,.accent-shop::after{content:"";position:absolute;inset:auto -60px -60px auto;width:180px;height:180px;border-radius:50%;opacity:.12;background:linear-gradient(135deg,#4a7aff,#6ef0ff)}.accent-shop::after{background:linear-gradient(135deg,#ff8c42,#ff4d7e)}.mini-card p,.service-card p,.about-grid p,.cta-inner p,.page-content p{margin:0 0 10px}.benefit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.benefit-item{padding:22px;border-radius:22px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}.benefit-item strong{display:block;color:#fff;margin-bottom:8px}.benefit-item span{color:#c8d5ea}.cta-block{padding-top:0}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.site-footer{background:#08111f;color:#dbe7fb;padding:28px 0 12px}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:24px;padding:24px 0}.site-footer h3{color:#fff;font-size:1.05rem;margin-bottom:12px}.footer-text,.footer-text p,.footer-text li{color:#a9bad4;font-size:.95rem;line-height:1.7}.footer-bottom{padding:18px 0 6px;border-top:1px solid rgba(255,255,255,.09);display:flex;justify-content:space-between;gap:16px;color:#90a5c4;font-size:.9rem}.narrow-content{width:min(920px,100%)}.page-hero{padding-top:44px}.article-card,.detail-layout{background:#fff}.page-content{color:#304055}.page-content h1,.page-content h2,.page-content h3,.page-content strong{color:#122235}.page-content img{border-radius:22px;margin:10px 0 22px}.empty-state{text-align:center;padding:50px}.detail-layout{display:grid;grid-template-columns:220px 1fr;gap:28px;align-items:start}.detail-avatar img{width:220px;height:220px;object-fit:cover;border-radius:28px;border:1px solid #edf2f8}.compact li{margin:8px 0}.footer-brand{margin-bottom:16px}.table,.input,table input,table textarea,table select{font-family:Inter,Arial,sans-serif}.error,.sukses{padding:14px 16px;border-radius:14px;margin:14px 0}.error{background:#fff0f0;color:#a31919}.sukses{background:#edfff2;color:#146c31}table{width:100%;max-width:760px;border-collapse:separate;border-spacing:0 12px}td{vertical-align:top;color:#304055}.label{width:190px;font-weight:700}.input,input[type=text],input[type=password],input[type=email],textarea,select{width:100%;padding:13px 14px;border:1px solid #d9e2ef;border-radius:14px;background:#fff;color:#0d1b2a}input[type=submit]{border:none}.page-content ul,.page-content ol{padding-left:22px;color:#44556d}#contact{scroll-margin-top:100px}@media(max-width:1080px){.desktop-nav{display:none}.hero-grid,.two-column,.footer-grid,.cta-inner,.detail-layout{grid-template-columns:1fr}.three-up,.two-up,.benefit-grid,.stats-row{grid-template-columns:1fr 1fr}.header-actions .btn-outline{display:none}.footer-bottom{flex-direction:column}}@media(max-width:720px){body{background:linear-gradient(180deg,#07111f 0%,#0b1526 24%,#f3f7fb 24%,#f3f7fb 100%)}.hero-section{padding-top:40px}.three-up,.two-up,.benefit-grid,.stats-row{grid-template-columns:1fr}.topbar{padding:16px 0}.brandmark small{display:none}.btn{width:100%}.hero-actions,.header-actions{width:100%;flex-direction:column;align-items:stretch}.label{width:100%;display:block;padding-bottom:6px}td{display:block;width:100%}}