body{font-family:var(--body-font);font-size:clamp(var(--normal-font-size), 1rem + .3vw, 1.1rem);background-color:var(--body-color);line-height:1.6;overflow-x:hidden}.breadcrumbs-bg{text-align:center;color:#fff;background-position:50%;background-size:cover;padding:80px 20px;position:relative}.breadcrumbs-bg .overlayy{background:#0d1b2a99;position:absolute;inset:0}.breadcrumbs-bg .container{z-index:1;position:relative}.page-title{margin-bottom:15px;font-size:42px;font-weight:800}.breadcrumbs-nav{font-size:16px}.breadcrumbs-nav a{color:#fff;font-weight:500;text-decoration:none}.breadcrumbs-nav .current{color:#facc15;font-weight:600}.visi-misi-section{background:#fff;padding:80px 0}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section-header{text-align:center;margin-bottom:50px}.section-title{color:#0d1b2a;margin-bottom:15px;font-size:42px;font-weight:800;line-height:1.2}.section-divider{background:linear-gradient(90deg,#2563eb,#3b82f6);border-radius:2px;width:100px;height:4px;margin:0 auto}.visi-misi-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;margin-bottom:60px;display:grid}.visi-box,.misi-box{background:linear-gradient(to bottom right,#f0f8ff,#fff);border:2px solid #bfdbfe;border-radius:24px;padding:40px;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000000d}.visi-box:hover,.misi-box:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001a}.vm-title{color:#1e3a8a;z-index:1;margin-bottom:20px;font-size:24px;font-weight:700;position:relative}.vm-text{color:#374151;z-index:1;font-size:16px;line-height:1.8;position:relative}.misi-list{margin:0;padding:0;list-style:none}.misi-list li{color:#374151;margin-bottom:20px;padding-left:32px;font-size:16px;line-height:1.6;position:relative}.misi-list li:last-child{margin-bottom:0}.misi-list li:before{content:"✔";color:#2563eb;font-size:18px;font-weight:700;position:absolute;top:2px;left:0}.circle-decor{z-index:0;pointer-events:none;background:#3b82f633;border-radius:50%;width:120px;height:120px;position:absolute}.top-right{top:-40px;right:-40px}.bottom-left{bottom:-40px;left:-40px}@media (width<=1024px){.visi-misi-section{padding:60px 20px}.section-title{font-size:38px}.visi-misi-grid{gap:35px;margin-bottom:50px}.visi-box,.misi-box{padding:35px}.vm-title{font-size:22px}.circle-decor{width:100px;height:100px}}@media (width<=768px){.visi-misi-section{padding:50px 15px}.container{padding:0 15px}.section-header{margin-bottom:40px}.section-title{font-size:32px}.section-divider{width:80px;height:3px}.visi-misi-grid{grid-template-columns:1fr;gap:30px;margin-bottom:40px}.visi-box,.misi-box{border-radius:20px;padding:30px}.vm-title{margin-bottom:18px;font-size:20px}.vm-text,.misi-list li{font-size:15px;line-height:1.7}.misi-list li{margin-bottom:18px;padding-left:28px}.misi-list li:before{font-size:16px}.circle-decor{width:80px;height:80px}.top-right{top:-30px;right:-30px}.bottom-left{bottom:-30px;left:-30px}}@media (width<=480px){.visi-misi-section{padding:40px 10px}.container{padding:0 10px}.section-header{margin-bottom:35px}.section-title{font-size:28px}.section-divider{width:70px}.visi-misi-grid{gap:25px;margin-bottom:30px}.visi-box,.misi-box{border-width:1.5px;border-radius:18px;padding:25px}.vm-title{margin-bottom:16px;font-size:18px}.vm-text,.misi-list li{font-size:14px;line-height:1.6}.misi-list li{margin-bottom:16px;padding-left:26px}.misi-list li:before{font-size:15px;top:1px}.circle-decor{width:60px;height:60px}.top-right{top:-20px;right:-20px}.bottom-left{bottom:-20px;left:-20px}}@media (width<=360px){.section-title{font-size:24px}.visi-box,.misi-box{padding:20px}.vm-title{font-size:17px}.vm-text,.misi-list li{font-size:13px}.circle-decor{width:50px;height:50px}}