/*
Theme Name: QLola Style Demo
Description: Demo UI portal corporate banking, tidak terhubung ke BRI dan tidak mengumpulkan kredensial.
Version: 1.0
*/
:root{--b:#0878c9;--b2:#07549a;--o:#f47b20;--ink:#182a3a;--muted:#6f7f8d}*{box-sizing:border-box}body{margin:0;background:#f5f7fa;color:var(--ink);font:16px/1.6 Arial,sans-serif}a{text-decoration:none;color:inherit}.wrap{max-width:1120px;margin:auto;padding:0 20px}.top{height:68px;background:#fff;border-bottom:1px solid #e7edf2;display:flex;align-items:center}.nav{display:flex;justify-content:space-between;align-items:center}.brand{font-size:25px;font-weight:800;color:var(--b2)}.brand span{color:#14a5df}.menu{display:flex;gap:20px;font-weight:700}.hero{background:linear-gradient(120deg,#05498c,#168bd3);color:#fff;padding:70px 0}.hg{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}.hero h1{font-size:46px;line-height:1.1;margin:10px 0}.hero p{font-size:19px}.badge{display:inline-block;padding:6px 12px;border:1px solid #ffffff66;border-radius:20px;font-size:12px}.box{background:#ffffff25;border:1px solid #ffffff55;border-top:5px solid var(--o);border-radius:15px;padding:25px}.field{margin:12px 0}.field label{display:block;font-weight:700;font-size:13px}.field input,.field textarea{width:100%;padding:13px;border:0;border-radius:9px;font:inherit}.field input:disabled{background:#e9edf1}.btn{display:inline-block;border:0;border-radius:9px;padding:12px 18px;background:var(--o);color:#fff;font-weight:700}.btn.alt{background:#fff;color:var(--b2)}.notice{font-size:12px;background:#0002;padding:10px;border-radius:8px;margin-top:15px}.section{padding:55px 0}.section h2{text-align:center;font-size:32px;margin:0 0 8px}.lead{text-align:center;color:var(--muted);max-width:750px;margin:0 auto 30px}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:25px}.card{background:#fff;border:1px solid #e1e8ee;border-radius:15px;padding:27px;box-shadow:0 7px 24px #1437500d}.icon{height:150px;border-radius:12px;background:linear-gradient(135deg,#e9f5fd,#d3eafa);display:flex;align-items:center;justify-content:center;color:var(--b2);font-weight:800}.support{background:#fff}.support form{max-width:720px;margin:auto}.support input,.support textarea{width:100%;padding:13px;border:1px solid #d7e0e8;border-radius:8px;font:inherit}.support textarea{min-height:130px}.warning{border-left:4px solid var(--o);padding:12px 15px;background:#fff8ee;margin-top:20px}footer{background:#142d45;color:#dbe8f2;padding:35px 0;font-size:13px}@media(max-width:800px){.menu{display:none}.hg,.cards{grid-template-columns:1fr}.hero h1{font-size:36px}}