/* Halaman login ikut tema portal (SETTING > Tampilan Portal Publik, sakelar portal_login).
   Dimuat sesudah gaya bawaan login/v_login.php. Body: .lgt .kl-<kulit> .warna-<warna>.
   Kulit: terang (Dasbor/Kartu/Bento), gelap (Komando), kertas (Songket/Warta), sporty (Liga), senja (Alur Musi). */

/* palet 12 warna, sama dengan kartu.css */
body.lgt.warna-toska{--u:#0f766e;--u2:#14b8a6;--g:#042f2e;--g2:#115e59;--a:#fb923c;--a2:#fed7aa;--pucat:#f0fdfa;--pucat-garis:#99f6e4;--latar:#f3f6f6;--u-rgb:15,118,110;--u2-rgb:20,184,166;--g-rgb:4,47,46;--a-rgb:251,146,60}
body.lgt.warna-marun{--u:#8a1538;--u2:#be123c;--g:#2b0712;--g2:#4a0d1d;--a:#d4a73f;--a2:#f3d78e;--pucat:#fdf2f4;--pucat-garis:#f9c6d2;--latar:#f7f4f1;--u-rgb:138,21,56;--u2-rgb:190,18,60;--g-rgb:43,7,18;--a-rgb:212,167,63}
body.lgt.warna-biru{--u:#1d4ed8;--u2:#3b82f6;--g:#0c1a3a;--g2:#1e3a8a;--a:#38bdf8;--a2:#bae6fd;--pucat:#eff6ff;--pucat-garis:#bfdbfe;--latar:#f2f5f9;--u-rgb:29,78,216;--u2-rgb:59,130,246;--g-rgb:12,26,58;--a-rgb:56,189,248}
body.lgt.warna-hijau{--u:#047857;--u2:#10b981;--g:#022c22;--g2:#065f46;--a:#f59e0b;--a2:#fcd34d;--pucat:#ecfdf5;--pucat-garis:#a7f3d0;--latar:#f2f6f3;--u-rgb:4,120,87;--u2-rgb:16,185,129;--g-rgb:2,44,34;--a-rgb:245,158,11}
body.lgt.warna-ungu{--u:#6d28d9;--u2:#8b5cf6;--g:#1e0b3a;--g2:#4c1d95;--a:#e879f9;--a2:#f5d0fe;--pucat:#f5f3ff;--pucat-garis:#ddd6fe;--latar:#f5f4f9;--u-rgb:109,40,217;--u2-rgb:139,92,246;--g-rgb:30,11,58;--a-rgb:232,121,249}
body.lgt.warna-jingga{--u:#c2410c;--u2:#f97316;--g:#431407;--g2:#7c2d12;--a:#fbbf24;--a2:#fde68a;--pucat:#fff7ed;--pucat-garis:#fed7aa;--latar:#f8f5f1;--u-rgb:194,65,12;--u2-rgb:249,115,22;--g-rgb:67,20,7;--a-rgb:251,191,36}
body.lgt.warna-grafit{--u:#334155;--u2:#64748b;--g:#0b1120;--g2:#1e293b;--a:#f59e0b;--a2:#fde68a;--pucat:#f1f5f9;--pucat-garis:#cbd5e1;--latar:#f1f3f6;--u-rgb:51,65,85;--u2-rgb:100,116,139;--g-rgb:11,17,32;--a-rgb:245,158,11}
body.lgt.warna-nila{--u:#4338ca;--u2:#6366f1;--g:#1e1b4b;--g2:#312e81;--a:#fbbf24;--a2:#fde68a;--pucat:#eef2ff;--pucat-garis:#c7d2fe;--latar:#f3f4fa;--u-rgb:67,56,202;--u2-rgb:99,102,241;--g-rgb:30,27,75;--a-rgb:251,191,36}
body.lgt.warna-langit{--u:#0284c7;--u2:#0ea5e9;--g:#082f49;--g2:#0c4a6e;--a:#f97316;--a2:#fed7aa;--pucat:#f0f9ff;--pucat-garis:#bae6fd;--latar:#f1f6f9;--u-rgb:2,132,199;--u2-rgb:14,165,233;--g-rgb:8,47,73;--a-rgb:249,115,22}
body.lgt.warna-fuksia{--u:#a21caf;--u2:#d946ef;--g:#4a044e;--g2:#701a75;--a:#fbbf24;--a2:#fde68a;--pucat:#fdf4ff;--pucat-garis:#f5d0fe;--latar:#f9f4f8;--u-rgb:162,28,175;--u2-rgb:217,70,239;--g-rgb:74,4,78;--a-rgb:251,191,36}
body.lgt.warna-kopi{--u:#7c4a2d;--u2:#a8693f;--g:#2b1a12;--g2:#43291b;--a:#e2b25c;--a2:#f5dfb5;--pucat:#faf5ef;--pucat-garis:#ead7c3;--latar:#f7f3ee;--u-rgb:124,74,45;--u2-rgb:168,105,63;--g-rgb:43,26,18;--a-rgb:226,178,92}
body.lgt.warna-emas{--u:#8a6a16;--u2:#b8901f;--g:#0f1d3a;--g2:#1c2f5a;--a:#f2c94c;--a2:#fbe7a1;--pucat:#fbf6e6;--pucat-garis:#eedfae;--latar:#f7f5ef;--u-rgb:138,106,22;--u2-rgb:184,144,31;--g-rgb:15,29,58;--a-rgb:242,201,76}

/* dasar: semua kulit mengikuti palet */
.lgt .lg-hero{background:linear-gradient(150deg,var(--g) 0%,var(--g2) 50%,var(--u) 100%)}
.lgt .lg-hero:after{background:radial-gradient(circle,rgba(var(--a-rgb),.3) 0%,rgba(var(--a-rgb),0) 70%)}
.lgt .lg-merek span,.lgt .lg-desk,.lgt .lg-fitur span{color:rgba(255,255,255,.76)}
.lgt .lg-pita{color:rgba(255,255,255,.88)}
.lgt .lg-label-siklus{color:rgba(255,255,255,.62)}
.lgt .lg-judul em{background-image:linear-gradient(90deg,var(--a2),#fff);-webkit-background-clip:text;background-clip:text;color:transparent}
.lgt .lg-aurora i:nth-child(1){background:var(--u2)}
.lgt .lg-aurora i:nth-child(2){background:var(--a)}
.lgt .lg-aurora i:nth-child(3){background:var(--u)}
.lgt .lg-form{background:linear-gradient(160deg,var(--pucat) 0%,#f8fafc 50%,#fff 100%)}
.lgt .lg-latar:before{background-image:radial-gradient(rgba(var(--u-rgb),.16) 1.2px,transparent 1.2px)}
.lgt .lg-latar i:nth-child(1){background:rgba(var(--u2-rgb),.3)}
.lgt .lg-latar i:nth-child(2){background:rgba(var(--u-rgb),.24)}
.lgt .lg-latar i:nth-child(3){background:rgba(var(--a-rgb),.28)}
.lgt .lg-latar i:nth-child(4){background:rgba(var(--u2-rgb),.2)}
.lgt .lg-latar .cincin{border-color:rgba(var(--u-rgb),.18)}
.lgt .lg-latar .cincin.b{border-color:rgba(var(--u-rgb),.07)}
.lgt .lg-kartu{box-shadow:0 1px 2px rgba(15,23,42,.05),0 34px 70px -24px rgba(var(--g-rgb),.5),0 0 0 1px rgba(226,232,240,.8)}
.lgt .lg-kepala{background:linear-gradient(135deg,var(--g) 0%,var(--g2) 55%,var(--u) 100%)}
.lgt .lg-kepala:after{background:radial-gradient(circle,rgba(var(--a-rgb),.45),transparent 70%)}
.lgt .lg-kepala small,.lgt .lg-kepala p{color:rgba(255,255,255,.8)}
.lgt .lg-kepala .garis-warna{background:linear-gradient(90deg,var(--u2),var(--a),var(--u))}
.lgt .lg-kotak input:focus{border-color:var(--u);box-shadow:0 0 0 4px rgba(var(--u-rgb),.14)}
.lgt .lg-kotak:focus-within svg.ik{stroke:var(--u)}
.lgt .lg-soal:focus-within{border-color:var(--u);box-shadow:0 0 0 4px rgba(var(--u-rgb),.14)}
.lgt .lg-soal .tanya{background:linear-gradient(90deg,var(--pucat),#f8fafc);color:var(--g2)}
.lgt .lg-soal .tanya svg{stroke:var(--u)}
.lgt .lg-masuk{background:linear-gradient(135deg,var(--u) 0%,var(--g2) 100%);box-shadow:0 10px 22px -8px rgba(var(--u-rgb),.6)}
.lgt .lg-masuk:hover{box-shadow:0 14px 26px -8px rgba(var(--u-rgb),.7)}
.lgt .lg-versi{background:var(--pucat);color:var(--g2)}

/* kulit terang: Dasbor, Kartu, Bento */
.kl-terang .lg-judul,.kl-terang .lg-kepala h1{font-family:'Space Grotesk','Inter',sans-serif;letter-spacing:-.03em}
.kl-terang .lg-kartu{border-radius:26px}
.kl-terang .lg-kotak input,.kl-terang .lg-soal{border-radius:14px}
.kl-terang .lg-masuk,.kl-terang .lg-portal{border-radius:999px}

/* kulit gelap: Komando (latar foto kota yang sama dengan template Komando) */
body.kl-gelap{background:#05101b}
.kl-gelap .lg-hero{background:linear-gradient(180deg,rgba(2,11,21,.35) 0%,rgba(2,11,21,.88) 100%),url(komando/latar.jpg) center 60%/cover no-repeat}
.kl-gelap .lg-aurora,.kl-gelap .lg-jembatan{display:none}
.kl-gelap .lg-judul{font-family:'Rajdhani','Inter',sans-serif;font-size:50px;line-height:1;text-transform:uppercase;letter-spacing:1px;text-shadow:0 4px 24px rgba(0,0,0,.6)}
.kl-gelap .lg-judul em{background-image:linear-gradient(90deg,var(--u2),var(--a));-webkit-background-clip:text;background-clip:text;color:transparent}
.kl-gelap .lg-pita{border-radius:3px;background:rgba(2,11,21,.6);border-color:rgba(var(--u2-rgb),.45);text-transform:uppercase;letter-spacing:1.4px;font-weight:700}
.kl-gelap .lg-fitur li{border-radius:4px;background:rgba(2,11,21,.62);border-color:rgba(var(--u2-rgb),.35)}
.kl-gelap .lg-fitur b{font-family:'Rajdhani','Inter',sans-serif;font-size:16px;text-transform:uppercase;letter-spacing:.6px}
.kl-gelap .lg-form{background:radial-gradient(600px 400px at 80% 10%,rgba(var(--u-rgb),.22),transparent 70%),#06111d}
.kl-gelap .lg-latar:before{background-image:radial-gradient(rgba(var(--u2-rgb),.28) 1.2px,transparent 1.2px)}
.kl-gelap .lg-latar i{opacity:.45}
.kl-gelap .lg-latar .cincin{border-color:rgba(var(--u2-rgb),.22)}
.kl-gelap .lg-kartu{border-radius:4px;background:rgba(6,17,29,.94);box-shadow:0 0 0 1px rgba(var(--u2-rgb),.4),0 0 50px -12px rgba(var(--u2-rgb),.5);clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px)}
.kl-gelap .lg-kepala{background:linear-gradient(135deg,rgba(var(--u-rgb),.45),rgba(2,11,21,.95))}
.kl-gelap .lg-kepala h1{font-family:'Rajdhani','Inter',sans-serif;font-size:26px;text-transform:uppercase;letter-spacing:1.6px}
.kl-gelap .lg-lencana{border-radius:4px}
.kl-gelap .lg-isian label{color:#9fc3d6;text-transform:uppercase;letter-spacing:1.2px;font-size:11.5px}
.kl-gelap .lg-kotak input{background:#0a1a2a;border-color:rgba(var(--u2-rgb),.32);color:#e6f6ff;border-radius:4px}
.kl-gelap .lg-kotak input:hover{border-color:rgba(var(--u2-rgb),.55)}
.kl-gelap .lg-kotak input:focus{background:#0c2236;border-color:var(--u2);box-shadow:0 0 0 4px rgba(var(--u2-rgb),.2)}
.kl-gelap .lg-kotak input::placeholder{color:#5f7a8f}
.kl-gelap .lg-soal{background:#0a1a2a;border-color:rgba(var(--u2-rgb),.32);border-radius:4px}
.kl-gelap .lg-soal .tanya{background:rgba(var(--u-rgb),.2);color:#cfeaff}
.kl-gelap .lg-soal .tanya svg{stroke:var(--u2)}
.kl-gelap .lg-soal input{background:#0a1a2a;color:#fff;border-left-color:rgba(var(--u2-rgb),.32)}
.kl-gelap .lg-masuk{border-radius:4px;font-family:'Rajdhani','Inter',sans-serif;font-size:18px;text-transform:uppercase;letter-spacing:2px;background:linear-gradient(90deg,var(--u),var(--u2));box-shadow:0 0 24px -6px rgba(var(--u2-rgb),.7)}
.kl-gelap .lg-atau{color:#6f8aa0}
.kl-gelap .lg-atau:before,.kl-gelap .lg-atau:after{background:rgba(255,255,255,.12)}
.kl-gelap .lg-portal{border-radius:4px;background:transparent;border-color:rgba(var(--u2-rgb),.45);color:#cfeaff}
.kl-gelap .lg-portal:hover{background:rgba(var(--u2-rgb),.12);border-color:var(--u2)}
.kl-gelap .lg-mata{color:#7e97ab}
.kl-gelap .lg-mata:hover{background:rgba(255,255,255,.08);color:#fff}
.kl-gelap .lg-catatan{background:rgba(255,255,255,.03);border-top-color:rgba(255,255,255,.08);color:#7e97ab}
.kl-gelap .lg-versi{background:rgba(var(--u2-rgb),.16);color:#cfeaff}

/* kulit kertas: Songket & Ampera, Warta Kinerja */
body.kl-kertas{background:#f6f1e6}
.kl-kertas .lg-hero{background:#efe7d6;color:#1c1917}
.kl-kertas .lg-hero:before{background-image:repeating-linear-gradient(0deg,rgba(28,25,23,.06) 0 1px,transparent 1px 30px);-webkit-mask-image:none;mask-image:none}
.kl-kertas .lg-hero:after,.kl-kertas .lg-aurora,.kl-kertas .lg-bintang,.kl-kertas .lg-jembatan,.kl-kertas .lg-latar{display:none}
.kl-kertas .lg-merek img{filter:none}
.kl-kertas .lg-merek b{font-family:'Playfair Display',Georgia,serif;font-size:22px;letter-spacing:0}
.kl-kertas .lg-merek span{color:#57534e}
.kl-kertas .lg-isi{border-top:4px double #1c1917;padding-top:26px}
.kl-kertas .lg-pita{background:transparent;border:1px solid #1c1917;color:#1c1917;border-radius:0;text-transform:uppercase;letter-spacing:1.5px;font-weight:700}
.kl-kertas .lg-pita i{background:var(--u);box-shadow:none}
.kl-kertas .lg-judul{font-family:'Playfair Display',Georgia,serif;font-weight:900;font-size:48px;line-height:1.05;letter-spacing:-.5px;color:#1c1917}
.kl-kertas .lg-judul em{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--u);font-style:italic}
.kl-kertas .lg-desk{color:#44403c;font-family:Georgia,'Times New Roman',serif;font-size:16.5px}
.kl-kertas .lg-label-siklus{color:#1c1917}
.kl-kertas .lg-label-siklus:after{background:#1c1917}
.kl-kertas .lg-fitur li{background:transparent;border:0;border-top:1px solid #1c1917;border-radius:0;-webkit-backdrop-filter:none;backdrop-filter:none;padding:12px 4px}
.kl-kertas .lg-fitur li:hover{transform:none;background:rgba(28,25,23,.04)}
.kl-kertas .lg-fitur .ik{background:#1c1917!important;border-radius:0;box-shadow:none}
.kl-kertas .lg-fitur b{font-family:'Playfair Display',Georgia,serif;font-size:16px;color:#1c1917}
.kl-kertas .lg-fitur span{color:#57534e}
.kl-kertas .lg-fitur .no{color:var(--u)}
.kl-kertas .lg-form{background:#f6f1e6;border-left:1px solid #1c1917}
.kl-kertas .lg-kartu{border-radius:0;background:#fbf8f1;border:1px solid #1c1917;box-shadow:6px 6px 0 #1c1917}
.kl-kertas .lg-kepala{background:#fbf8f1;color:#1c1917;border-bottom:3px double #1c1917}
.kl-kertas .lg-kepala:before,.kl-kertas .lg-kepala:after,.kl-kertas .lg-kepala .garis-warna{display:none}
.kl-kertas .lg-lencana{background:transparent;border:1px solid #1c1917;border-radius:0;box-shadow:none}
.kl-kertas .lg-lencana img{filter:none}
.kl-kertas .lg-kepala small{color:var(--u);text-transform:uppercase;letter-spacing:1.4px;font-weight:700}
.kl-kertas .lg-kepala h1{color:#1c1917;font-family:'Playfair Display',Georgia,serif;font-size:28px;font-weight:900}
.kl-kertas .lg-kepala p{color:#57534e}
.kl-kertas .lg-kotak input,.kl-kertas .lg-soal{border-radius:0;background:#fff;border-color:#a8a29e}
.kl-kertas .lg-masuk{border-radius:0;background:#1c1917;box-shadow:none;text-transform:uppercase;letter-spacing:1.4px}
.kl-kertas .lg-masuk:hover{background:var(--u);box-shadow:none}
.kl-kertas .lg-portal{border-radius:0;border-color:#1c1917;color:#1c1917;background:transparent}
.kl-kertas .lg-catatan{background:#efe7d6;border-top-color:#d6cbb4}
.kl-kertas .lg-versi{border-radius:0;background:transparent;border:1px solid #1c1917;color:#1c1917}

/* kulit sporty: Liga Kinerja */
body.kl-sporty{background:#eef1ee}
.kl-sporty .lg-hero{background:repeating-linear-gradient(-45deg,rgba(255,255,255,.04) 0 16px,transparent 16px 32px),linear-gradient(115deg,#07110b,var(--g) 55%,var(--g2))}
.kl-sporty .lg-aurora{display:none}
.kl-sporty .lg-merek b{font-family:'Barlow Condensed','Inter',sans-serif;font-size:22px;text-transform:uppercase;letter-spacing:.8px}
.kl-sporty .lg-pita{border-radius:3px;background:var(--a);border:0;color:#0b0f0c;font-weight:800;text-transform:uppercase;letter-spacing:1px;transform:skewX(-10deg)}
.kl-sporty .lg-pita i{display:none}
.kl-sporty .lg-judul{font-family:'Barlow Condensed','Inter',sans-serif;font-size:60px;line-height:.95;text-transform:uppercase;letter-spacing:.5px}
.kl-sporty .lg-judul em{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--a)}
.kl-sporty .lg-fitur li{border-radius:4px}
.kl-sporty .lg-fitur .ik{border-radius:4px}
.kl-sporty .lg-fitur b{font-family:'Barlow Condensed','Inter',sans-serif;font-size:17px;text-transform:uppercase;letter-spacing:.4px}
.kl-sporty .lg-form{background:#eef1ee}
.kl-sporty .lg-latar i{opacity:.45}
.kl-sporty .lg-kartu{border-radius:8px}
.kl-sporty .lg-kepala{background:repeating-linear-gradient(-45deg,rgba(255,255,255,.05) 0 12px,transparent 12px 24px),linear-gradient(115deg,#07110b,var(--g) 60%,var(--u))}
.kl-sporty .lg-kepala h1{font-family:'Barlow Condensed','Inter',sans-serif;font-size:32px;text-transform:uppercase;letter-spacing:.6px}
.kl-sporty .lg-kepala .garis-warna{background:var(--a);height:5px}
.kl-sporty .lg-lencana{border-radius:6px;transform:skewX(-8deg)}
.kl-sporty .lg-kotak input,.kl-sporty .lg-soal{border-radius:4px}
.kl-sporty .lg-masuk{border-radius:4px;background:var(--a);color:#0b0f0c;font-family:'Barlow Condensed','Inter',sans-serif;font-size:20px;text-transform:uppercase;letter-spacing:1px;box-shadow:0 10px 22px -10px rgba(var(--a-rgb),.85)}
.kl-sporty .lg-portal{border-radius:4px;font-family:'Barlow Condensed','Inter',sans-serif;font-size:16px;text-transform:uppercase;letter-spacing:.8px}
.kl-sporty .lg-versi{border-radius:3px}

/* kulit senja: Alur Musi (khas Palembang) */
body.kl-senja{background:#fbf4ec}
.kl-senja .lg-hero{background:linear-gradient(180deg,#ffe9cf 0%,#ffd6a8 45%,#f6b386 100%);color:var(--g)}
.kl-senja .lg-hero:before,.kl-senja .lg-aurora,.kl-senja .lg-bintang{display:none}
.kl-senja .lg-hero:after{width:360px;height:360px;right:6%;top:8%;background:radial-gradient(circle,rgba(var(--a-rgb),.75) 0%,rgba(var(--a-rgb),.25) 45%,transparent 70%)}
.kl-senja .lg-merek img{filter:none}
.kl-senja .lg-merek b{color:var(--g);font-family:'Fraunces',Georgia,serif;font-size:21px;letter-spacing:0}
.kl-senja .lg-merek span{color:#7a4b2c}
.kl-senja .lg-pita{background:rgba(255,255,255,.62);border-color:rgba(255,255,255,.85);color:var(--g2)}
.kl-senja .lg-judul{font-family:'Fraunces',Georgia,serif;font-weight:700;font-size:46px;line-height:1.05;color:var(--g)}
.kl-senja .lg-judul em{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--u);font-style:italic}
.kl-senja .lg-desk{color:#5a3a24}
.kl-senja .lg-label-siklus{color:#7a4b2c}
.kl-senja .lg-label-siklus:after{background:linear-gradient(90deg,rgba(122,75,44,.4),transparent)}
.kl-senja .lg-fitur li{background:rgba(255,255,255,.58);border-color:rgba(255,255,255,.85)}
.kl-senja .lg-fitur li:hover{background:rgba(255,255,255,.78)}
.kl-senja .lg-fitur b{color:var(--g);font-family:'Fraunces',Georgia,serif;font-size:15px}
.kl-senja .lg-fitur span{color:#6e4a33}
.kl-senja .lg-fitur .no{color:rgba(var(--g-rgb),.35)}
.kl-senja #lgAir stop:first-child{stop-color:var(--g2);stop-opacity:.55}
.kl-senja #lgAir stop:last-child{stop-color:var(--g);stop-opacity:1}
.kl-senja .lg-form{background:linear-gradient(180deg,#fff3e4,#fbf4ec)}
.kl-senja .lg-latar i{opacity:.55}
.kl-senja .lg-kartu{border-radius:24px}
.kl-senja .lg-kepala{background:radial-gradient(260px 160px at 100% 0,rgba(var(--a-rgb),.5),transparent 70%),linear-gradient(130deg,var(--g),var(--g2) 60%,var(--u))}
.kl-senja .lg-kepala h1{font-family:'Fraunces',Georgia,serif;font-size:25px}
.kl-senja .lg-kotak input,.kl-senja .lg-soal{border-radius:14px}
.kl-senja .lg-masuk{border-radius:999px;background:linear-gradient(135deg,var(--u),var(--u2))}
.kl-senja .lg-portal{border-radius:999px}

@media (max-width:991px){
	.kl-gelap .lg-judul,.kl-sporty .lg-judul{font-size:32px}
	.kl-kertas .lg-judul,.kl-senja .lg-judul{font-size:28px}
	.kl-kertas .lg-form{border-left:0;border-top:1px solid #1c1917}
	.kl-gelap .lg-hero{background-position:center 40%}
}