/* ============================================================
   skorika.com — css/public.css
   GAYA DASAR BERSAMA HALAMAN PUBLIK. 12 Agustus 2026.

   Halaman publik tidak memuat css/base.css, sehingga aturan dasar
   yang sama tersalin di tiap halaman. 20 aturan di bawah ini tadinya
   136 salinan.

   Isinya dibatasi pada aturan yang tidak bertabrakan dengan gaya khas
   halaman: reset, tautan, paragraf, judul, kaki halaman, dan tombol
   mata sandi. Keluarga tombol menyusul di bagian bawah berkas ini
   (2b). Aturan bilah atas TIDAK ikut — kelasnya dipakai bersamaan di
   satu elemen, jadi urutan penulisannya menentukan, dan memindahkannya
   terbukti menggeser tampilan 10 halaman waktu diuji.

   CARA PAKAI: dimuat tepat SEBELUM blok <style> halaman.
   ============================================================ */
html{scroll-behavior:smooth}
a{color:inherit;text-decoration:none}
p{margin:0}
h1,h2,h3{margin:0}
svg{display:block}
:focus-visible{outline:3px solid var(--pink);outline-offset:3px;border-radius:6px}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
#navActions{display:flex;align-items:center;gap:14px;margin-left:auto}
.foot-grid{display:flex;gap:clamp(24px,4vw,64px);flex-wrap:wrap;align-items:flex-start}
.foot-brand{min-width:190px}
.foot-tag{margin-top:10px;font-size:14px;font-weight:600;color:var(--cream-dim2);max-width:24ch}
.foot-col{display:flex;flex-direction:column;gap:10px;font-size:14px;font-weight:600;color:var(--cream-dim2)}
.foot-col a:hover{color:var(--cream);text-decoration:underline;text-underline-offset:3px}
.foot-base{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap; margin-top:clamp(26px,3vw,44px);font-size:13px;font-weight:600;color:rgba(243,239,218,.45)}
.brand .mark{width:.914em;height:.914em;flex-shrink:0}
.nav-actions{display:flex;align-items:center;gap:14px;margin-left:auto}
.pw-eye .eye-off{display:none}
.pw-eye.is-visible .eye-on{display:none}
.pw-eye.is-visible .eye-off{display:block}
header{background:var(--header)}

/* ============================================================
   KELUARGA TOMBOL — dipindah dari 12 halaman publik (2b).
   Ukuran baku: .btn 64px (tombol utama) | .btn-md 44px (isi
   halaman) | .btn-sm 34px (bilah atas). Aturan @media tiap
   halaman TETAP di halamannya karena ambang dan nilainya
   berbeda-beda (900px/960px, dan 5 halaman tidak punya).
   ============================================================ */
.btn{display:inline-flex;align-items:center;justify-content:center;
  height:64px;padding:0 22px;border-radius:var(--r);border:none;cursor:pointer;
  font-family:inherit;font-size:20px;font-weight:400;
  background:var(--cream);color:var(--header);box-shadow:none;transition:background .13s}
.btn-primary{background:var(--pink);color:#fff}
.btn-primary:hover{background:#E22A8C}
.btn-ghost{background:var(--cream);color:var(--header)}
.btn-sm{height:34px;padding:0 15px;font-size:15px}
.btn-md{height:44px;padding:0 20px;font-size:16px}
.btn-full{width:100%}
.btn:disabled{opacity:.55;cursor:not-allowed}
.btn-duo{flex-direction:column;align-items:flex-start;justify-content:center;
  width:180px;padding:0 18px;line-height:1.2}
.btn-duo .cap{font-size:13px;font-weight:400;letter-spacing:.01em;text-transform:uppercase}
.btn-duo .lbl{font-size:20px;font-weight:400}
.btn-auth{width:100%;height:60px;border:none;border-radius:var(--r);cursor:pointer;
  background:var(--pink);color:#fff;font-family:inherit;font-size:20px;font-weight:400;
  display:inline-flex;align-items:center;justify-content:center;box-shadow:none}
.btn-auth:disabled{background:rgba(255,49,159,.5);cursor:not-allowed}