:root{--merah: #ce1126;--merah-dark: #a50e1e;--merah-soft: #fff5f5;--text: #1a1a2e;--muted: #64748b;--glass: rgba(255, 255, 255, .82);--glass-border: rgba(206, 17, 38, .14);--shadow: 0 20px 60px rgba(206, 17, 38, .12)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Plus Jakarta Sans,system-ui,sans-serif;color:var(--text);background:linear-gradient(165deg,#fff 0%,var(--merah-soft) 45%,#fff 100%);min-height:100vh}.app{position:relative;min-height:100vh;overflow:hidden}.ambient{position:fixed;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0}.ambient-a{width:320px;height:320px;background:#ce112624;top:-80px;right:-60px}.ambient-b{width:280px;height:280px;background:#ff6b7a1f;bottom:10%;left:-80px}.shell{position:relative;z-index:1;max-width:520px;margin:0 auto;padding:2rem 1.25rem 3rem}.header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.logo-mark{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;font-size:1.6rem;background:linear-gradient(135deg,#ff6b7a,var(--merah));box-shadow:0 8px 24px #ce112640}.eyebrow{font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--merah)}.header h1{font-size:1.65rem;font-weight:700;line-height:1.2}.glass{background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:20px;box-shadow:var(--shadow)}.hero-card{padding:1.5rem;margin-bottom:1rem}.badge{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--merah);background:#ce112614;border:1px solid rgba(206,17,38,.2);border-radius:999px;padding:.35rem .75rem;margin-bottom:.75rem}.hero-sub{color:var(--muted);font-size:.95rem;margin-bottom:1.25rem;line-height:1.5}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.stat{text-align:center;padding:.75rem;border-radius:14px;background:#ffffffb3;border:1px solid rgba(206,17,38,.08)}.stat-label{display:block;font-size:.72rem;color:var(--muted);margin-bottom:.25rem}.stat-value{font-weight:700;color:var(--merah);font-size:.95rem}.panel{padding:1.25rem;margin-bottom:1rem}.field span{display:block;font-size:.85rem;font-weight:600;margin-bottom:.4rem}.input{width:100%;padding:.875rem 1rem;border-radius:12px;border:1px solid rgba(206,17,38,.2);background:#fff;color:var(--text);margin-bottom:1rem}.input:focus{outline:2px solid rgba(206,17,38,.25);border-color:var(--merah)}.mono{font-family:JetBrains Mono,ui-monospace,monospace;font-size:.85rem;word-break:break-all}.btn{width:100%;border:none;border-radius:999px;padding:.9rem 1.25rem;font-weight:700;cursor:pointer;transition:transform .15s,opacity .15s}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#ff6b7a,var(--merah) 55%,var(--merah-dark));color:#fff;box-shadow:0 8px 28px #ce112647}.btn-primary:not(:disabled):hover{transform:translateY(-1px)}.panel-success{border-color:#0b5e3c59;background:#0b5e3c0f}.panel-error{border-color:#dc262659;background:#dc26260f}.result-title{font-weight:700;margin-bottom:.35rem}.tx{margin-top:.5rem;font-size:.78rem;opacity:.85}.alert{padding:.85rem 1rem;border-radius:12px;font-size:.85rem;margin-bottom:1rem}.alert-warn{background:#f59e0b1f;border:1px solid rgba(245,158,11,.35);color:#92400e}.steps h2{font-size:1rem;margin-bottom:.75rem}.steps ol{padding-left:1.2rem;color:var(--muted);line-height:1.8;font-size:.9rem}.footer{display:flex;justify-content:center;gap:1.25rem;margin-top:1.5rem;font-size:.85rem}.footer a{color:var(--merah);text-decoration:none;font-weight:600}.footer a:hover{text-decoration:underline}@media(max-width:480px){.shell{padding:1.25rem 1rem 2.5rem}.header h1{font-size:1.4rem}}