/* DIGITALOKA V14 — layanan offline + edukasi responsive */
:root{--dl-bg:#0f172a;--dl-card:rgba(30,41,59,.72);--dl-border:rgba(59,130,246,.28);--dl-text:#f8fafc;--dl-muted:#94a3b8;--dl-primary:#3b82f6;--dl-accent:#f59e0b;--dl-soft:rgba(59,130,246,.12);--dl-input:#0b1220;--dl-danger:#ef4444;--dl-ok:#10b981}
[data-theme="light"],body.light{--dl-bg:#f8fafc;--dl-card:#fff;--dl-border:#dbeafe;--dl-text:#0f172a;--dl-muted:#475569;--dl-primary:#2563eb;--dl-accent:#f59e0b;--dl-soft:#eff6ff;--dl-input:#fff}
.dl-page{min-height:100vh;background:linear-gradient(135deg,rgba(15,23,42,.96),rgba(15,23,42,.88)),url('back_xl.jpg') center/cover fixed;color:var(--dl-text);font-family:Inter,system-ui,Segoe UI,sans-serif;padding:22px 14px 44px}.dl-shell{max-width:1120px;margin:auto}.dl-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.dl-brand{display:flex;align-items:center;gap:12px;font-family:Rajdhani,sans-serif;font-size:1.5rem;font-weight:800;color:var(--dl-text);text-decoration:none}.dl-brand img{height:42px;max-width:180px;object-fit:contain}.dl-top-actions{display:flex;gap:10px;flex-wrap:wrap}.dl-btn{border:0;border-radius:14px;padding:12px 16px;font-weight:900;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 12px 24px rgba(37,99,235,.25)}.dl-btn.alt{background:rgba(148,163,184,.16);color:var(--dl-text);box-shadow:none;border:1px solid var(--dl-border)}.dl-btn.orange{background:linear-gradient(135deg,#f59e0b,#f97316)}.dl-btn.green{background:linear-gradient(135deg,#10b981,#059669)}.dl-hero{background:linear-gradient(135deg,rgba(30,41,59,.84),rgba(15,23,42,.84));border:1px solid var(--dl-border);border-radius:26px;padding:30px;box-shadow:0 24px 80px rgba(0,0,0,.24);margin-bottom:22px}.dl-hero h1{font-family:Rajdhani,sans-serif;font-size:clamp(2rem,4vw,3.4rem);margin:0 0 10px;letter-spacing:.5px}.dl-hero p{color:var(--dl-muted);font-size:1rem;line-height:1.75;max-width:760px}.dl-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.38);color:#fbbf24;border-radius:999px;padding:8px 12px;font-weight:900;font-size:.85rem;margin-bottom:12px}.dl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.dl-card{background:var(--dl-card);border:1px solid var(--dl-border);border-radius:22px;padding:20px;box-shadow:0 12px 38px rgba(0,0,0,.15)}.dl-card h3{font-size:1.1rem;margin:8px 0 8px}.dl-card p{color:var(--dl-muted);line-height:1.65;margin:0}.dl-icon{width:48px;height:48px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:rgba(59,130,246,.16);color:#60a5fa;font-size:1.5rem}.dl-price{display:inline-flex;margin:14px 0 0;padding:7px 10px;border-radius:999px;background:rgba(16,185,129,.12);color:#34d399;font-weight:900;font-size:.86rem}.dl-two{display:grid;grid-template-columns:1fr 1.15fr;gap:18px;align-items:start}.dl-form{background:var(--dl-card);border:1px solid var(--dl-border);border-radius:24px;padding:22px;box-shadow:0 12px 38px rgba(0,0,0,.18)}.dl-form h2{margin:0 0 8px;font-family:Rajdhani,sans-serif;font-size:1.75rem}.dl-note{background:rgba(59,130,246,.12);border:1px solid rgba(59,130,246,.24);color:#bfdbfe;border-radius:16px;padding:13px 14px;line-height:1.65;margin:14px 0}.dl-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.dl-field{display:flex;flex-direction:column;gap:7px}.dl-field.full{grid-column:1/-1}.dl-field label{font-size:.82rem;font-weight:900;color:var(--dl-muted);letter-spacing:.25px}.dl-field input,.dl-field select,.dl-field textarea{width:100%;background:var(--dl-input)!important;color:var(--dl-text)!important;border:1px solid var(--dl-border)!important;border-radius:14px!important;padding:13px 14px!important;font:inherit;outline:none;min-height:48px}.dl-field textarea{min-height:110px;resize:vertical}.dl-field input:focus,.dl-field select:focus,.dl-field textarea:focus{border-color:var(--dl-primary)!important;box-shadow:0 0 0 4px rgba(59,130,246,.14)}.dl-small{color:var(--dl-muted);font-size:.84rem;line-height:1.55}.dl-alert{background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.28);color:#fecaca;border-radius:16px;padding:12px 14px;line-height:1.6;margin:12px 0}.dl-success{background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.25);color:#bbf7d0;border-radius:16px;padding:12px 14px;line-height:1.6;margin:12px 0}.dl-service-pills{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.dl-pill{border:1px solid var(--dl-border);background:rgba(255,255,255,.04);color:var(--dl-text);border-radius:999px;padding:9px 12px;font-weight:800;cursor:pointer}.dl-pill.active{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-color:transparent}.dl-article{display:grid;gap:14px}.dl-article-card{display:grid;grid-template-columns:56px 1fr auto;gap:14px;align-items:center;background:var(--dl-card);border:1px solid var(--dl-border);border-radius:20px;padding:16px;text-decoration:none;color:var(--dl-text)}.dl-article-card:hover{transform:translateY(-2px);border-color:rgba(59,130,246,.55)}.dl-article-card h3{margin:0 0 5px}.dl-article-card p{margin:0;color:var(--dl-muted);line-height:1.55}.dl-content-body{background:var(--dl-card);border:1px solid var(--dl-border);border-radius:24px;padding:24px;line-height:1.78}.dl-content-body h1{font-family:Rajdhani,sans-serif;font-size:clamp(1.8rem,4vw,3rem);margin:0 0 12px}.dl-content-body p{color:var(--dl-text);white-space:pre-line}.dl-bottom-sticky{position:sticky;bottom:12px;z-index:5;margin-top:16px}.dl-area-lock{display:flex;gap:10px;align-items:flex-start;background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.28);color:#fde68a;border-radius:16px;padding:12px 14px;margin:12px 0;line-height:1.55}.dl-order-summary{display:grid;gap:10px;background:rgba(2,6,23,.24);border:1px dashed var(--dl-border);border-radius:16px;padding:14px}.dl-order-summary b{color:var(--dl-text)}
@media(max-width:900px){.dl-two{grid-template-columns:1fr}.dl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dl-hero{padding:24px}.dl-top{align-items:flex-start}.dl-top-actions{justify-content:flex-end}.dl-page{padding:16px 10px 34px}.dl-form{padding:18px}.dl-article-card{grid-template-columns:48px 1fr}}
@media(max-width:620px){.dl-grid,.dl-form-grid{grid-template-columns:1fr}.dl-top{flex-direction:column}.dl-top-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.dl-btn{padding:12px 10px}.dl-hero{border-radius:20px;padding:20px}.dl-card{border-radius:18px}.dl-article-card{grid-template-columns:44px 1fr}.dl-article-card .dl-btn{grid-column:1/-1}.dl-brand img{height:36px}.dl-service-pills{overflow:auto;flex-wrap:nowrap;padding-bottom:6px}.dl-pill{white-space:nowrap}.dl-form h2{font-size:1.45rem}}