.dmo-page{background:var(--color-bg);min-height:100dvh;padding:132px 0 90px}.dmo-wrap{max-width:980px;margin:0 auto;padding:0 20px}.dmo-head{text-align:center;margin-bottom:26px}.dmo-h1{font-family:var(--font-display);letter-spacing:-.025em;color:var(--color-text-strong,var(--color-text));margin:12px 0 10px;font-size:clamp(32px,5vw,54px);font-weight:900}.dmo-mark{background:linear-gradient(180deg, transparent 58%, var(--color-accent) 58%, var(--color-accent) 94%, transparent 94%);padding:0 6px}[data-theme=dark] .dmo-mark{background:linear-gradient(180deg, transparent 58%, var(--color-accent-soft) 58%, var(--color-accent-soft) 94%, transparent 94%)}.dmo-sub{color:var(--color-muted);max-width:520px;margin:0 auto;font-size:15px;line-height:1.6}.dmo-progress{flex-wrap:wrap;justify-content:center;gap:8px;margin:26px 0 24px;display:flex}.dmo-dot{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-muted);font-family:var(--font-mono);letter-spacing:.06em;cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:6px 12px 6px 6px;font-size:11px;font-weight:700;transition:border-color .2s,transform .2s;display:inline-flex}.dmo-dot i{background:var(--color-bg);border:1px solid var(--color-border);border-radius:50%;place-items:center;width:21px;height:21px;font-size:10px;font-style:normal;display:grid}.dmo-dot.active{border-color:var(--color-text-strong,#1a1a1a);color:var(--color-text-strong,var(--color-text));transform:translateY(-1px)}.dmo-dot.active i{background:var(--color-text-strong,#1a1a1a);color:var(--color-bg);border-color:var(--color-text-strong,#1a1a1a)}.dmo-dot.done i{background:var(--color-accent);color:#1a1a1a;border-color:var(--color-accent)}.dmo-stepmeta{align-items:flex-start;gap:14px;max-width:760px;margin:0 auto 16px;display:flex}.dmo-stepnum{font-family:var(--font-mono);color:var(--color-accent-dark);border:1px solid var(--color-border);background:var(--color-surface);white-space:nowrap;border-radius:9px;padding:6px 9px;font-size:11px;font-weight:800}[data-theme=dark] .dmo-stepnum{color:var(--color-accent)}.dmo-stepmeta h2{font-family:var(--font-display);letter-spacing:-.01em;color:var(--color-text-strong,var(--color-text));margin:0 0 3px;font-size:20px;font-weight:800}.dmo-stepmeta p{color:var(--color-muted);margin:0;font-size:13.5px;line-height:1.55}.dmo-stage{max-width:860px;margin:0 auto}.dmo-win{border:1px solid var(--color-border);background:#faf8f3;border-radius:18px;position:relative;overflow:hidden;box-shadow:0 26px 60px #14141024}[data-theme=dark] .dmo-win{box-shadow:0 26px 60px #0000008c}.dmo-winbar{background:#fff;border-bottom:1px solid #e5e5e0;align-items:center;gap:6px;padding:11px 14px;display:flex}.dmo-winbar i{background:#e5e5e0;border-radius:50%;width:9px;height:9px}.dmo-winbar i:first-child{opacity:.75;background:#ff4f36}.dmo-winbar i:nth-child(2){background:#ffd37a}.dmo-winbar i:nth-child(3){opacity:.8;background:#2baf65}.dmo-url{font-family:var(--font-mono);color:#8a8a82;background:#faf8f3;border:1px solid #eeeae2;border-radius:999px;margin-left:10px;padding:4px 12px;font-size:10.5px}.dmo-body{min-height:340px;padding:22px;position:relative}.dmo-target{cursor:pointer;position:relative}@media (prefers-reduced-motion:no-preference){.dmo-target:not(.is-done){animation:1.8s ease-in-out infinite dmo-ring}}@keyframes dmo-ring{0%,to{box-shadow:0 0 0 3px #c5f23cd9,0 0 0 8px #c5f23c2e}50%{box-shadow:0 0 0 3px #c5f23cd9,0 0 0 14px #c5f23c0d}}.dmo-target:not(.is-done){box-shadow:0 0 0 3px #c5f23cd9,0 0 0 8px #c5f23c2e}.dmo-hint{z-index:5;color:#ededea;pointer-events:none;background:#0e0e0c;border-radius:11px;max-width:230px;padding:9px 13px;font-size:12px;font-weight:600;line-height:1.45;position:absolute;box-shadow:0 10px 26px #00000040}.dmo-hint:after{content:"KLIK YANG MENYALA";font-family:var(--font-mono);letter-spacing:.14em;color:#c5f23c;margin-top:5px;font-size:9px;font-weight:800;display:block}.dmo-controls{justify-content:center;gap:10px;margin-top:20px;display:flex}.dmo-ctrl{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-muted);font-family:var(--font-mono);cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:8px 16px;font-size:11.5px;font-weight:700;transition:border-color .2s;display:inline-flex}.dmo-ctrl:hover:not(:disabled){border-color:var(--color-accent-dark);color:var(--color-text)}.dmo-ctrl:disabled{opacity:.4;cursor:default}.dmo-finale{text-align:center;border:1px solid var(--color-border);background:var(--color-surface);border-radius:22px;max-width:560px;margin:18px auto 0;padding:44px 32px 36px}.dmo-finale-stamp{font-family:var(--font-mono);letter-spacing:.2em;color:#1a1a1a;background:var(--color-accent);border-radius:999px;padding:7px 16px;font-size:11px;font-weight:800;display:inline-block;transform:rotate(-2deg)}.dmo-finale h2{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-text-strong,var(--color-text));margin:16px 0 18px;font-size:clamp(24px,3.4vw,34px);font-weight:900}.dmo-finale ul{text-align:left;gap:10px;margin:0 0 26px;padding:0;list-style:none;display:grid}.dmo-finale li{color:var(--color-text);align-items:flex-start;gap:10px;font-size:14px;line-height:1.55;display:flex}.dmo-finale li svg{color:var(--color-accent-dark);flex-shrink:0;margin-top:3px}[data-theme=dark] .dmo-finale li svg{color:var(--color-accent)}.dmo-finale-cta{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.dmo-replay{border:1.5px solid var(--color-border-strong,#d8d6cf);color:var(--color-text);font-family:var(--font-display);cursor:pointer;background:0 0;border-radius:12px;align-items:center;gap:7px;padding:12px 18px;font-size:14px;font-weight:700;transition:border-color .2s;display:inline-flex}.dmo-replay:hover{border-color:var(--color-accent-dark)}.dmo-finale-foot{color:var(--color-muted);margin:18px 0 0;font-size:13px}.dmo-finale-foot a{color:var(--color-accent-dark);font-weight:700}[data-theme=dark] .dmo-finale-foot a{color:var(--color-accent)}@media (max-width:640px){.dmo-page{padding-top:112px}.dmo-body{min-height:300px;padding:14px}.dmo-hint{max-width:180px;font-size:11px}.dmo-stepmeta{flex-direction:column;gap:8px}}