:root{
            --biru-tua:#1E3A8A;
            --biru-utama:#1E40AF;
            --biru-terang:#3B82F6;
            --biru-muda:#BFDBFE;
            --biru-sangat-muda:#EFF6FF;
            --abu-lembut:#F8FAFC;
            --abu-teks:#64748B;
            --putih:#FFFFFF;
        }
        *{margin:0;padding:0;box-sizing:border-box;}
        body{
            background:var(--abu-lembut);
            font-family:'Segoe UI',sans-serif;
            padding-bottom:80px;
            padding-top:90px;
        }
        .header-bawah{
            position:fixed;top:0;left:0;width:100%;z-index:9999;
            background:linear-gradient(135deg,var(--biru-tua) 0%,var(--biru-utama) 100%);
            padding:0.85rem 1rem;
            text-align:center;
            transition:all 0.3s ease;
            box-shadow:0 2px 4px rgba(30,64,175,0.15);
        }
        .header-bawah.tergulir{
            padding:0.6rem 1rem;
            box-shadow:0 4px 12px rgba(30,64,175,0.2);
        }
        .header-bawah h1{
            font-size:1.15rem;
            font-weight:700;
            margin:0;
            color:white;
        }
        .header-bawah p{
            font-size:0.8rem;
            margin:0.2rem 0 0 0;
            color:rgba(255,255,255,0.85);
        }
        .card{
            border-radius:12px;
            border:none;
            box-shadow:0 3px 10px rgba(30,64,175,0.05);
            margin-bottom:1.2rem;
        }
        .btn-biru{
            background:var(--biru-utama);
            color:white;
            border-radius:8px;
        }
        .btn-biru:hover{
            background:var(--biru-terang);
            color:white;
        }
        .judul-bagian{
            font-weight:bold;
            margin-bottom:1rem;
            padding-bottom:0.5rem;
            border-bottom:2px solid var(--biru-muda);
            color:var(--biru-utama);
        }
        .form-control:focus{
            border-color:var(--biru-utama);
            box-shadow:0 0 0 0.2rem rgba(30,64,175,0.15);
        }