/* INX Custom Styles (inx.css) */
:root{
  --inx-dark:#0b0f1a; --inx-darker:#070a12;
  --inx-blue:#3ea0ff; --inx-violet:#7c5cff; --inx-lime:#a3ff3f;
  --inx-muted:#c8d0e0; --inx-line:rgba(255,255,255,0.08); --inx-card:rgba(255,255,255,0.06);
  --inx-radius:1.25rem; --inx-radius-lg:1.75rem; --inx-shadow:0 8px 30px rgba(0,0,0,.25);
  --inx-shadow-soft:0 8px 24px rgba(6,12,30,.25); --inx-transition:200ms cubic-bezier(.2,.8,.2,1);
}
/* utility fallback jika Tailwind tidak ter-load */
.overflow-hidden { overflow: hidden !important; }
.pointer-events-none{ pointer-events: none !important; }
.pointer-events-auto{ pointer-events: auto !important; }

html,body{height:100%} body{margin:0;background:var(--inx-dark);color:#fff;font-family:Inter,"Plus Jakarta Sans",ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
h1,h2,h3,h4{margin:0 0 .5rem 0;line-height:1.15} h1{font-size:clamp(2rem,4vw,3.25rem);font-weight:800} h2{font-size:clamp(1.5rem,3vw,2.25rem);font-weight:700} h3{font-size:1.25rem;font-weight:600}
p{margin:.5rem 0 0 0;color:rgba(255,255,255,.8)}
.max-w-6xl{max-width:72rem;margin-inline:auto}.max-w-7xl{max-width:80rem;margin-inline:auto}
.card{border:1px solid var(--inx-line);background:var(--inx-card);border-radius:var(--inx-radius);box-shadow:var(--inx-shadow);padding:1.25rem}
.btn{--_bg:#1b2437;--_fg:#fff;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1rem;border-radius:999px;background:var(--_bg);color:var(--_fg);border:1px solid var(--inx-line);text-decoration:none;font-weight:600;transition:transform var(--inx-transition),background var(--inx-transition),color var(--inx-transition),border-color var(--inx-transition);box-shadow:0 2px 0 rgba(0,0,0,.25)}
.btn:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.2)} .btn:active{transform:translateY(0);box-shadow:none}
.btn-primary{--_bg:linear-gradient(90deg,var(--inx-blue),var(--inx-violet));--_fg:#0b0f1a;color:#0b0f1a}
.btn-ghost{background:transparent;border-color:var(--inx-line);color:#fff} .btn-outline{background:transparent;border-color:rgba(255,255,255,.35);color:#fff}
.btn[disabled],.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}
.badge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .7rem;font-size:.8125rem;border-radius:999px;border:1px solid var(--inx-line);background:rgba(255,255,255,.06);color:#fff;letter-spacing:.02em}
.bg-grid{position:relative;background-image:radial-gradient(ellipse at top left,rgba(124,92,255,.18),transparent 40%),radial-gradient(ellipse at bottom right,rgba(62,160,255,.14),transparent 45%),linear-gradient(to bottom,rgba(255,255,255,.04),rgba(255,255,255,.02))}
.bg-grid::after{content:"";position:absolute;inset:0;background-image:linear-gradient(to right,rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.06) 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(ellipse at center,rgba(0,0,0,.8),transparent 75%);pointer-events:none}
input,textarea,select{font:inherit;color:#fff;background:var(--inx-darker);border:1px solid var(--inx-line);border-radius:.85rem;padding:.8rem 1rem;outline:none;transition:border-color var(--inx-transition),box-shadow var(--inx-transition)}
input::placeholder,textarea::placeholder{color:rgba(255,255,255,.45)}
input:focus,textarea:focus,select:focus{border-color:color-mix(in oklab,var(--inx-blue) 60%,white 0%);box-shadow:0 0 0 4px rgba(62,160,255,.15)}
section{scroll-margin-top:80px}
.accordion-item{border:1px solid var(--inx-line);background:var(--inx-card);border-radius:var(--inx-radius)}
.accordion-item>.accordion-content{max-height:0;overflow:hidden;transition:max-height 300ms ease,opacity 200ms ease;opacity:.75}
.accordion-item[aria-expanded="true"]>.accordion-content{max-height:400px;opacity:1}
.deck-track{display:grid;grid-auto-flow:column;grid-auto-columns:100%;gap:1rem;overflow:hidden;scroll-snap-type:x mandatory}
.deck-slide{scroll-snap-align:start;border:1px solid var(--inx-line);background:var(--inx-card);border-radius:var(--inx-radius-lg);min-height:220px;box-shadow:var(--inx-shadow-soft)}
.deck-dots{display:flex;gap:.4rem}
.deck-dots button{width:.65rem;height:.65rem;border-radius:999px;background:rgba(255,255,255,.35);border:none;transition:transform var(--inx-transition),background var(--inx-transition)}
.deck-dots button[aria-current="true"]{background:var(--inx-lime);transform:scale(1.1)}
.table{width:100%;border-collapse:separate;border-spacing:0;border-radius:var(--inx-radius);overflow:hidden}
.table th,.table td{padding:.85rem 1rem;border-bottom:1px solid var(--inx-line)}
.table th{text-align:left;font-weight:600;color:#fff;background:rgba(255,255,255,.06)}
.table tr:last-child td{border-bottom:none}
.rounded-3xl{border-radius:var(--inx-radius-lg)} .border-line{border:1px solid var(--inx-line)} .bg-card{background:var(--inx-card)} .text-muted{color:rgba(255,255,255,.72)} .shadow-soft{box-shadow:var(--inx-shadow-soft)}
a{color:#cfe2ff;text-decoration:none} a:hover{color:#fff;text-decoration:none}
*::-webkit-scrollbar{width:10px;height:10px} *::-webkit-scrollbar-track{background:transparent}
*::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border:2px solid transparent;border-radius:999px;background-clip:padding-box}
*::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.35)}
:focus-visible{outline:2px solid color-mix(in oklab,var(--inx-blue) 70%, white 0%);outline-offset:2px;border-radius:.5rem}
.mx-auto{margin-left:auto;margin-right:auto}.p-6{padding:1.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-12{padding-top:3rem;padding-bottom:3rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-10{margin-top:2.5rem}.pb-16{padding-bottom:4rem}.pb-20{padding-bottom:5rem}
.text-lime{color:var(--inx-lime)} .bg-lime{background:var(--inx-lime)} .text-blue{color:var(--inx-blue)} .text-violet{color:var(--inx-violet)}
.bg-clip-text{-webkit-background-clip:text;background-clip:text}.text-transparent{color:transparent}.gradient-inx{background-image:linear-gradient(90deg,var(--inx-blue),var(--inx-violet))}
.cta-gradient{background:linear-gradient(90deg,color-mix(in oklab,var(--inx-blue) 30%,transparent 70%),color-mix(in oklab,var(--inx-violet) 30%,transparent 70%));border:1px solid var(--inx-line);border-radius:var(--inx-radius-lg)}
header a{position:relative}
header a::after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;background:linear-gradient(90deg,var(--inx-blue),var(--inx-violet));transform:scaleX(0);transform-origin:left;transition:transform var(--inx-transition)}
header a:hover::after{transform:scaleX(1)}
@media (max-width:768px){.btn{padding:.65rem .9rem}.badge{font-size:.78rem}.deck-slide{min-height:180px}}
@media print{body{background:#fff;color:#000}a,.text-muted{color:#000}header,footer,.btn,.deck-dots{display:none !important}.card,.accordion-item,.deck-slide{border-color:#ddd;box-shadow:none;background:#fff}}