/* Tema ceria untuk halaman depan (index.php) — 25 Okt 2026. Menimpa variabel warna gelap bawaan.
   Hapus satu baris <link ... ceria-landing.css> di index.php untuk kembali ke tampilan lama. */
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap');
:root{
    --ink:#fff8ef; --ink-2:#ffffff; --ink-3:#ffffff;
    --paper:#ffffff; --gold:#ff4f9a; --gold-dim:#d63384;
    --teal:#7c4dff; --teal-dim:#5f3dc4;
    --text:#2d2a4a; --text-dim:#6b6890; --line:rgba(124,77,255,.16);
    --serif:'Nunito', sans-serif; --sans:'Nunito', sans-serif;
}
body{
    background:var(--ink) !important;
    background-image:
        radial-gradient(circle at 6% 18%, rgba(255,212,59,.28) 0 130px, transparent 131px),
        radial-gradient(circle at 94% 40%, rgba(32,201,151,.16) 0 110px, transparent 111px),
        radial-gradient(circle at 12% 78%, rgba(255,79,154,.12) 0 150px, transparent 151px) !important;
    background-attachment:fixed !important;
}
h1,h2,h3,h4{font-weight:900 !important;color:var(--text);}
::selection{background:#ffd43b;color:#2d2a4a;}

/* navbar */
header.tfl-nav{background:rgba(255,255,255,.82) !important;box-shadow:0 6px 24px rgba(124,77,255,.10);}
.drop-panel-inner{box-shadow:0 14px 30px rgba(124,77,255,.15);}
.drop-panel a:hover{background:#f6f0ff !important;}
.login-pill{background:linear-gradient(135deg,#7c4dff,#ff4f9a) !important;color:#fff !important;box-shadow:0 8px 18px rgba(255,79,154,.3);}
.tfl-burger{color:var(--text) !important;background:#fff !important;}

/* hero */
.hero::before{background:
    radial-gradient(600px 400px at 15% 10%, rgba(255,212,59,.35), transparent 60%),
    radial-gradient(500px 400px at 85% 30%, rgba(124,77,255,.18), transparent 60%) !important;}
.hero h1 .rotator{background:linear-gradient(135deg,#7c4dff,#ff4f9a 55%,#ff9f43);-webkit-background-clip:text;background-clip:text;color:transparent !important;}
.cert-card{background:#fff !important;box-shadow:0 12px 26px rgba(124,77,255,.15);border:0 !important;transform:rotate(-2deg);transition:transform .3s;}
.cert-card + .cert-card{transform:rotate(2deg);}
.cert-card:hover{transform:rotate(0) scale(1.04);}
.tfl-toast{background:#fff !important;color:var(--text);border:2px solid #ffd43b !important;box-shadow:0 20px 40px rgba(124,77,255,.2) !important;}
.tfl-toast span{color:#20c997 !important;}

/* tombol */
.btn-gold{background:linear-gradient(135deg,#ff4f9a,#ff9f43) !important;color:#fff !important;}
.btn-gold:hover{box-shadow:0 14px 30px -10px rgba(255,79,154,.6) !important;}
.btn-teal{background:linear-gradient(135deg,#20c997,#339af0) !important;color:#fff !important;}
.btn-outline{background:#fff !important;border:2px solid var(--line) !important;}

/* kartu di section (warna gelap tertanam) */
.record-panel{background:linear-gradient(135deg,#7c4dff,#ff4f9a) !important;box-shadow:0 16px 34px rgba(255,79,154,.3);}
.dash-visual{background:linear-gradient(135deg,#ffd43b,#ff9f43 50%,#ff4f9a) !important;border:0 !important;box-shadow:0 18px 40px rgba(255,79,154,.25);}
footer{background:linear-gradient(135deg,#7c4dff,#ff4f9a 60%,#ff9f43) !important;border-top:0 !important;}
footer, footer p, footer a, footer h4, .copyright{color:#fff !important;}
.copyright{border-top-color:rgba(255,255,255,.3) !important;}

/* kursor kustom tetap, warna disesuaikan */
#tfl-cursor-ring{border-color:#ff4f9a !important;mix-blend-mode:normal !important;}
#tfl-cursor-dot{background:#ff4f9a !important;}

@media (max-width:600px){
    .wrap{padding:0 16px !important;}
    .hero{padding:120px 0 70px !important;}
    .cert-card{width:calc(50% - 7px) !important;}
    .tfl-toast{position:relative !important;left:0 !important;bottom:0 !important;width:100% !important;margin-top:16px;}
}