:root {
  --bg-main: #050505;
  --bg-card: #18181b;
  --bg-hover: #27272a;
  --text-main: #f8fafc;
  --text-muted: #a1a1aa;
  --border-color: rgba(32, 177, 199, 0.15);
  

  --accent: #20B1C7;
  --accent-rgb: 32, 177, 199;
  
  --accent-hover: #1892a3;
  --purple-accent: #583E9F;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background-color: var(--bg-main);
  color: var(--text-main);
  line-height: 1.6;
}

.container {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 1.5rem;
}

/* EFEK HOVER GLOBAL UNTUK SEMUA TOMBOL (MEMORA OS STYLE) */
/* 1. Tombol Utama (Warna Solid) */
.btn-primary, 
.btn-download {
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important; /* Animasi super mulus */
    background-color: var(--accent) !important;
    color: #050505 !important;
    font-weight: 600;
}

.btn-primary:hover, 
.btn-download:hover {
    background-color: var(--accent-hover) !important;
    transform: translateY(-4px) !important; /* Tombol terangkat ke atas */
    box-shadow: 0 5px 20px rgba(32, 177, 199, 0.4) !important;
}

/* 2. Tombol Sekunder (Garis Tepi / Outline) */
.btn-secondary {
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    border: 1px solid var(--border-color);
}

.btn-secondary:hover {
    background-color: rgba(88, 62, 159, 0.15) !important; /* Memanfaatkan nuansa ungu harmony */
    border-color: var(--accent) !important;
    color: var(--accent) !important;
    transform: translateY(-4px) !important;
    box-shadow: 0 5px 25px rgba(88, 62, 159, 0.4) !important;
}

/* 3. Tombol Tab (Navigasi Halaman ISO/Docs) */
.tab-btn {
    transition: all 0.3s ease !important;
}

.tab-btn:hover {
    background-color: rgba(32, 177, 199, 0.12) !important;
    color: var(--accent) !important;
    transform: translateY(-2px) !important; /* Terangkat sedikit saja */
}

/* 4. Tautan Navigasi Header (Teks Saja) */
.nav-links a {
    transition: color 0.3s ease, text-shadow 0.3s ease !important;
}

.nav-links a:hover {
    color: var(--accent) !important;
    text-shadow: 0 0 12px rgba(32, 177, 199, 0.6) !important; /* Teks menyala warna Cyan */
}

a:focus-visible, 
button:focus-visible, 
input:focus-visible {
    outline: 2px solid var(--accent) !important;
    outline-offset: 4px !important;
    border-radius: 4px;
}