body.figma-publik{--warna-utama: #006b50;--warna-utama-gelap: #055744;--warna-latar: #f7f9ff;--warna-kartu: #ffffff;--warna-kartu-sekunder: #edf3ff;--warna-teks: #17372f;--warna-teks-sekunder: #66736f;--warna-border: #dde4e8;--font-utama: "Poppins", sans-serif;--lebar-container: 1180px;--radius-kecil: 6px;--radius-normal: 10px;--radius-pill: 999px;--jarak-xs: 4px;--jarak-sm: 8px;--jarak-md: 16px;--jarak-lg: 24px;--jarak-xl: 32px;font-family:var(--font-utama);color:var(--warna-teks);background:var(--warna-latar)}body.figma-publik .heading-halaman{font-size:clamp(2rem,3vw,2.75rem);line-height:1.18;font-weight:700}body.figma-publik .heading-section{font-size:clamp(1.55rem,2.2vw,2.15rem);line-height:1.25;font-weight:700}body.figma-publik .heading-card{font-size:clamp(1rem,1.25vw,1.18rem);line-height:1.35;font-weight:600}body.figma-publik .teks-body{font-size:clamp(.9rem,1vw,1rem);line-height:1.65}body.figma-publik .teks-sekunder{color:var(--warna-teks-sekunder);font-size:clamp(.82rem,.92vw,.94rem);line-height:1.6}body.figma-publik .teks-label{color:var(--warna-utama);font-size:.78rem;font-weight:600;letter-spacing:.1em}body.figma-publik .container-publik{width:min(calc(100% - 48px),var(--lebar-container));margin-inline:auto}@media(max-width:760px){body.figma-publik .container-publik{width:calc(100% - 32px)}}body.figma-publik .btn-utama,body.figma-publik .tombol{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 20px;border:1px solid var(--warna-utama);border-radius:var(--radius-normal);background:var(--warna-utama);color:#fff;font:600 clamp(.875rem,1vw,.98rem)/1.2 var(--font-utama);transition:background-color .2s ease,border-color .2s ease,color .2s ease}body.figma-publik .btn-utama:hover,body.figma-publik .tombol:hover{background:var(--warna-utama-gelap);border-color:var(--warna-utama-gelap);color:#fff}body.figma-publik .btn-outline,body.figma-publik .btn-secondary,body.figma-publik .tombol-outline{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:8px 16px;border:1px solid color-mix(in srgb,var(--warna-utama) 55%,white);border-radius:var(--radius-normal);background:#fff;color:var(--warna-utama-gelap);font:600 clamp(.81rem,.95vw,.9rem)/1.2 var(--font-utama);transition:background-color .2s ease,border-color .2s ease,color .2s ease}body.figma-publik .btn-outline:hover,body.figma-publik .btn-secondary:hover,body.figma-publik .tombol-outline:hover{background:var(--warna-kartu-sekunder);border-color:var(--warna-utama)}body.figma-publik .link-aksi,body.figma-publik .tautan,body.figma-publik .lupa-sandi,body.figma-publik .daftar-login a{color:var(--warna-utama);font-size:clamp(.84rem,.95vw,.94rem);font-weight:600}body.figma-publik .link-aksi:hover,body.figma-publik .tautan:hover,body.figma-publik .lupa-sandi:hover,body.figma-publik .daftar-login a:hover{color:var(--warna-utama-gelap);text-decoration:underline}body.figma-publik .card,body.figma-publik .kartu{border:1px solid var(--warna-border);border-radius:var(--radius-normal);background:var(--warna-kartu);box-shadow:0 4px 14px #123d210d}body.figma-publik .card-sekunder{background:var(--warna-kartu-sekunder)}body.figma-publik .card-outline{box-shadow:none}body.figma-publik .form-group,body.figma-publik label{color:var(--warna-teks);font:600 .88rem/1.45 var(--font-utama)}body.figma-publik input,body.figma-publik select,body.figma-publik textarea,body.figma-publik button{font-family:var(--font-utama)}body.figma-publik input:not([type=checkbox]):not([type=radio]),body.figma-publik select{min-height:44px;border:1px solid var(--warna-border);border-radius:var(--radius-kecil);padding-inline:14px;color:var(--warna-teks)}body.figma-publik textarea{min-height:108px;border:1px solid var(--warna-border);border-radius:var(--radius-kecil);padding:12px 14px;color:var(--warna-teks)}body.figma-publik input:focus,body.figma-publik select:focus,body.figma-publik textarea:focus{border-color:var(--warna-utama);box-shadow:0 0 0 3px #006b5021}body.figma-publik .pesan-error{margin-top:var(--jarak-xs);color:#a7332b;font-size:.82rem}body.figma-publik .paginasi a,body.figma-publik .paginasi span{display:inline-grid;min-width:36px;min-height:36px;place-items:center;border:1px solid var(--warna-border);border-radius:var(--radius-kecil);font-size:.84rem;font-weight:600}body.figma-publik .paginasi [aria-current=page] span{border-color:var(--warna-utama);background:var(--warna-utama);color:#fff}body.figma-publik .figma-footer .footer-container{display:flex;align-items:flex-start;justify-content:space-between;gap:clamp(32px,8vw,128px);padding-block:clamp(32px,4vw,48px)}body.figma-publik .footer-deskripsi{flex:0 1 48%;max-width:510px;text-align:left}body.figma-publik .footer-kontak{width:fit-content;min-width:min(100%,320px);margin-left:auto;text-align:left}body.figma-publik .figma-footer b{display:block;margin-bottom:14px;font-size:clamp(.94rem,1.1vw,1.05rem)}body.figma-publik .figma-footer p{display:flex;align-items:flex-start;gap:8px;margin:0 0 10px;font-size:clamp(.76rem,.9vw,.88rem);line-height:1.6}body.figma-publik .footer-item svg{width:16px;min-width:16px;height:16px;margin-top:3px}@media(max-width:760px){body.figma-publik .figma-footer .footer-container{flex-direction:column;gap:28px}body.figma-publik .footer-deskripsi,body.figma-publik .footer-kontak{width:100%;max-width:none;min-width:0;margin-left:0}body.figma-publik .btn-utama,body.figma-publik .tombol{min-height:44px}}body.figma-publik .halaman-beranda .beranda-hero-isi,body.figma-publik .halaman-beranda+* .container-publik{width:min(calc(100% - 48px),var(--lebar-container))}body.figma-publik .halaman-beranda h1{font-size:clamp(2rem,3vw,3.2rem);line-height:1.16}body.figma-publik .halaman-beranda .beranda-hero-isi>div>p:not(.label){max-width:590px;font-size:clamp(.875rem,1vw,1rem);line-height:1.65}body.figma-publik .sejarah h1{font-size:clamp(2rem,2.7vw,2.65rem);line-height:1.18}body.figma-publik .sejarah>div>p{font-size:clamp(.88rem,1vw,1rem);line-height:1.7}body.figma-publik .sejarah .logo-pesantren{min-height:clamp(280px,25vw,330px)}body.figma-publik .bagian-visi-profil .kartu-visi{width:min(100%,960px);margin-inline:auto}body.figma-publik .halaman-galeri .card-galeri{margin:0;overflow:hidden}body.figma-publik .halaman-galeri .card-galeri img{display:block;width:100%;height:clamp(190px,17vw,230px);object-fit:cover}body.figma-publik .halaman-galeri .card-galeri figcaption{display:grid;gap:4px;padding:12px}body.figma-publik .halaman-galeri .card-galeri figcaption b{font-size:clamp(.94rem,1.05vw,1.06rem)}body.figma-publik .halaman-galeri .card-galeri figcaption span{color:var(--warna-teks-sekunder);font-size:clamp(.78rem,.9vw,.9rem)}body.figma-publik .halaman-informasi~.bagian-informasi .card-informasi,body.figma-publik .bagian-informasi .card-informasi{min-height:154px;padding:12px;gap:16px}body.figma-publik .bagian-informasi .card-informasi img{width:clamp(150px,15vw,182px);height:130px;object-fit:cover}body.figma-publik .bagian-informasi .card-informasi .tombol{min-height:38px;padding:8px 14px;font-size:.82rem}body.figma-publik .formulir-auth{width:min(100%,480px);height:auto;padding:clamp(28px,3vw,36px)}body.figma-publik .psb-formulir .tombol,body.figma-publik .form-kontak .tombol,body.figma-publik .formulir-auth .tombol{width:100%}body.figma-publik .konfirmasi-psb{width:min(calc(100% - 32px),580px);margin-inline:auto}@media(max-width:1024px){body.figma-publik .layout-informasi,body.figma-publik .detail-informasi,body.figma-publik .psb-layout{grid-template-columns:1fr}}@media(max-width:760px){body.figma-publik .halaman-galeri .figma-galeri,body.figma-publik .sidebar-informasi{grid-template-columns:1fr}body.figma-publik .bagian-informasi .card-informasi{flex-direction:column}body.figma-publik .bagian-informasi .card-informasi img{width:100%;height:210px}}