.main-container{max-width:1320px;margin:auto}@font-face{font-family:"sans-serif";src:local("Arial");ascent-override:105%;descent-override:35%;line-gap-override:10%}body{font-family:'Inter',sans-serif;line-height:1.75em;font-weight:300;margin:0;background-color:#efebeb}.image-figure{margin:20px auto;width:fit-content}.panel-wrapper ul{list-style-type:" \2714";color:darkgreen}.panel-wrapper ul li{color:#333}.panel-wrapper a{text-decoration:none;color:#333;font-weight:700}.panel-wrapper a:hover{color:#666;padding-bottom:3px;border-bottom:darkolivegreen 2px double}.image-wrapper{position:relative;width:100%;height:100%;overflow:hidden;border-radius:15px;transition:box-shadow 0.3s ease-in-out}.image-wrapper img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.3s ease-in-out}.image-wrapper:hover img{transform:scale(1.15) translateY(-10px);}.image-wrapper:hover{box-shadow:0 8px 16px rgb(0 0 0 / .2)}.image-caption{position:absolute;bottom:10px;left:10px;right:10px;color:#fff;background-color:rgb(0 0 0 / .6);padding:5px 10px;border-radius:5px;font-size:.9em;text-align:center;opacity:1;transition:opacity 0.3s ease-in-out,transform 0.3s ease-in-out}.full-width{padding:0!important;margin:0!important}.panel-wrapper{margin:auto}.grid-container{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:20px}.grid-item{padding:25px;color:#555;font-weight:300;display:flex;flex-direction:column;justify-content:left;min-height:150px}.grid-item h2{font-size:1.5rem;font-weight:300;margin:20px 0;color:#1a202c}.grid-item center{text-align:center}.grid-item p{font-size:1rem}.grid-item ul{list-style:none;margin:15px 0}.grid-item ul li{line-height:2;margin-left:20px}.grid-item ul li:before{content:'✓';padding-right:10px}@media (max-width:768px){.grid-container{grid-template-columns:1fr;padding:15px}}.main-panel h1{font-size:30px!important;text-shadow:2px 2px 3px rgb(0 0 0 / .5);color:#fff}.container{margin:0 auto}.monthly-box{border-radius:10px;padding:20px;text-align:center;min-width:160px;max-width:220px;box-shadow:0 4px 8px rgb(0 0 0 / .1)}.monthly-stats-grid{display:grid;gap:20px;margin:0 auto;max-width:1200px}@media (min-width:1024px){.monthly-stats-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:768px) and (max-width:1023px){.monthly-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.monthly-stats-grid{grid-template-columns:1fr;padding:0 10px}}.month-table{background-color:#fff;border-radius:8px;padding:15px;box-shadow:0 2px 4px rgb(0 0 0 / .1)}.panel-wrapper pre{display:block;padding:10px;margin:0 0 10px;font-size:13px;line-height:1.3;color:#333;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:8px}.secure-zone-panel{background:linear-gradient(135deg,#2c4a6b 0%,#1e3a5f 100%);padding:20px;text-align:center;color:white!important;display:block;box-shadow:0 8px 32px rgb(0 0 0 / .1);backdrop-filter:blur(10px);border:1px solid rgb(255 255 255 / .2);position:relative;overflow:hidden;transition:all 0.3s ease;text-decoration:none}a.secure-zone-panel{color:white!important;text-decoration:none!important}.secure-zone-panel::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .2),transparent);transition:left 0.6s ease}.secure-zone-panel:hover{color:yellow!important;text-decoration:none;padding:20px!important;border-bottom:none!important;transform:translateY(-5px);box-shadow:0 15px 35px rgb(0 0 0 / .2)}.secure-zone-panel:hover::before{left:100%}.no-scroll{overflow:hidden;height:100vh;position:fixed;width:100%}nav.navtop{position:fixed;top:0;width:100%;background-color:#34495e;z-index:1000}.nav-container{max-width:100%;margin:0 auto;padding:10px 20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;border-bottom:red 4px solid}.logo img{height:56px}.main-menu-toggle{display:none;background:none;border:none;color:#fff;font-size:24px;cursor:pointer}.main-menu{display:flex;gap:20px}.main-menu a{color:#fff;text-decoration:none;padding:5px;display:flex;align-items:center;gap:6px}.main-menu a:hover{background-color:#2c3e50}.main-menu svg{width:18px;height:18px;fill:#fff}.mega-menu{display:none;position:absolute;top:100%;left:0;width:100%;height:100vh;overflow-y:auto;background-color:#34495e;padding:20px 20px 60px 20px;box-sizing:border-box;z-index:999;-webkit-overflow-scrolling:touch}.mega-menu.open{display:block}.mega-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.mega-columns h3{margin-bottom:10px;color:#fff}.mega-columns a{display:block;margin-bottom:8px;color:#e0e0e0;text-decoration:none}.nav-offset{margin-top:80px}.main-panel{background:linear-gradient(135deg,#2c4a6b 0%,#1e3a5f 100%);padding:40px 20px 20px 20px;text-align:center;color:#fff}.main-panel h1{margin:0 0 10px 0;font-size:2.2em;font-weight:300}.main-panel p{margin:0 0 30px 0;opacity:.9}.dash-btn{background:#fff0;border:2px solid rgb(255 255 255 / .8);color:#fff;padding:12px 30px;border-radius:4px;cursor:pointer;font-size:16px;text-decoration:none;transition:all 0.6s ease}.dash-btn:hover{background:rgb(255 255 255 / .1);border-color:#fff}.page-header-image{float:right;border-radius:15px;width:200px;margin-left:25px;margin-bottom:25px}@media (max-width:480px){.page-header-image{display:none}}@media (max-width:768px){.main-menu{display:none;flex-direction:column;background-color:#34495e;width:100%}.main-menu.open{display:flex}.main-menu-toggle{display:block}.mega-menu{position:fixed;top:75px;height:calc(100vh - 88px);padding-bottom:60px}}@media (max-width:600px){.mega-columns{display:block}.mega-columns>div{margin-bottom:30px}}@keyframes slideDown{from{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.mega-menu.open{display:block;animation:slideDown 0.3s ease-out}.close-button{position:absolute;top:12px;right:16px;background:none;border:none;font-size:28px;color:#fff;cursor:pointer;z-index:1001}.menu-box{display:block;background-color:#3c5a72;border-radius:8px;padding:12px 16px;margin-bottom:12px;text-decoration:none;color:#fff;transition:background-color 0.2s ease}a.menu-box{text-decoration:none}.menu-box:hover{background-color:#4a6a8a}.menu-box strong{display:block;margin-bottom:6px;font-weight:700;color:#fff}.menu-box p{margin:0;font-size:14px;color:#d0d0d0}footer{padding:1rem;background-color:#34495e}footer a{text-decoration:none;color:#fff}footer ul{list-style:none;padding-left:0;margin-left:0;font-weight:700}footer ul a:hover{color:#ff0;text-decoration:none}@media (min-width:640px){footer{padding:1.5rem}}.footer-container{max-width:95%;margin:0 auto}.footer-flex{display:flex;justify-content:space-between;flex-wrap:wrap}.footer-logo{margin-bottom:1.5rem}.footer-logo img{width:250px}@media (min-width:768px){.footer-logo{margin-bottom:0}}.footer-logo a{display:flex;align-items:center}.footer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}@media (min-width:640px){.footer-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}}.footer-section h2{margin-bottom:1.5rem;font-size:.875rem;font-weight:600;text-transform:uppercase;color:#1a202c}.footer-section ul{color:#4a5568}.footer-section li{margin-bottom:1rem}.footer-section a{text-decoration:none;color:inherit}.footer-divider{margin:1.5rem 0;border-top:1px solid #e2e8f0}@media (min-width:1024px){.footer-divider{margin:2rem 0}}.footer-bottom{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}@media (min-width:640px){.footer-bottom{flex-direction:row;align-items:center}}.footer-bottom span{font-size:.875rem;color:#d2d7dd}.footer-bottom a,.footer-bottom a:visited{color:#d2d7dd}.footer-social{display:flex;gap:1.5rem;color:#fff;margin-top:1rem}@media (min-width:640px){.footer-social{margin-top:0;justify-content:center}}.footer-social a{color:#fff;transition:color 0.3s ease}.footer-social a:hover{color:#1a202c}.footer-social svg{width:1.25rem;height:1.25rem;fill:currentColor}.content-title{font-size:1.5rem;color:#2c4a6b;margin-bottom:25px;text-align:center;position:relative;display:flex;justify-content:center}.content-container{background:#fff;border-radius:12px;padding:35px;box-shadow:0 4px 20px rgb(0 0 0 / .08);margin-bottom:30px}.content-container:first-of-type{margin-top:35px}.story-section{margin-bottom:40px}.section-paragraph{font-size:16px;line-height:1.8;margin-bottom:24px;color:#555;text-align:justify}.highlight-text{background:linear-gradient(120deg,#e3f2fd 0%,#bbdefb 100%);padding:2px 6px;border-radius:4px;font-weight:500}.data-stats{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-left:5px solid #2c4a6b;padding:25px;margin:30px 0;border-radius:8px}.stats-list{list-style-type:none!important;padding:0}.stats-item{margin-bottom:12px;padding-left:20px;position:relative;color:#444}.stats-item::before{content:"📊";position:absolute;left:0;top:0}.team-section{background:linear-gradient(135deg,#fff 0%,#f8f9fa 100%);border-radius:12px;padding:40px;margin-top:40px;border:1px solid #e9ecef}.team-member{margin-bottom:30px;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 10px rgb(0 0 0 / .05)}.member-name{font-size:1.3rem;color:#2c4a6b;font-weight:600;margin-bottom:10px}.member-description{color:#666;line-height:1.7}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:30px;margin:40px 0}.value-card{background:#fff;padding:30px;border-radius:10px;border-left:4px solid #2c4a6b;box-shadow:0 3px 15px rgb(0 0 0 / .08);transition:transform 0.3s ease}.value-card:hover{transform:translateY(-5px)}.value-icon{font-size:2.5rem;margin-bottom:15px;display:block}.value-title{font-size:1.2rem;color:#2c4a6b;font-weight:600;margin-bottom:10px}.value-text{color:#666;line-height:1.6}@media (max-width:500px){.content-container{padding:20px}.team-section{padding:10px}}.highlight-box{position:relative;margin:30px 0;padding:25px 60px 25px 30px;border-radius:12px;font-size:18px;line-height:1.7;box-shadow:0 8px 25px rgb(0 0 0 / .1);border:1px solid rgb(255 255 255 / .2);overflow:hidden}.highlight-success{background:linear-gradient(135deg,#56ab2f 0%,#a8e6cf 100%);color:#2d5016}.highlight-info{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.highlight-warning{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);color:#fff}.highlight-professional{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);color:#003d52}.highlight-corporate{background:linear-gradient(135deg,#34495e 0%,#5d6d7e 100%);color:#fff}.highlight-box::before{content:'✓';position:absolute;top:15px;right:20px;width:30px;height:30px;background:rgb(255 255 255 / .9);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;color:#27ae60;box-shadow:0 2px 8px rgb(0 0 0 / .15)}.highlight-info::before{content:'i';color:#3498db;font-style:italic;font-weight:700}.highlight-warning::before{content:'!';color:#e74c3c}.highlight-professional::before{content:'★';color:#2980b9}.highlight-corporate::before{content:'✓';color:#34495e}.highlight-box{transition:box-shadow 0.3s ease;position:relative}.highlight-box::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .4),transparent);transition:left 0.8s ease;pointer-events:none}.highlight-box:hover::after{left:100%}.highlight-box:hover{box-shadow:0 8px 30px rgb(0 0 0 / .15)}.highlight-vertical{background:linear-gradient(to bottom,#56ab2f 0%,#a8e6cf 100%)}.highlight-glass{background:linear-gradient(135deg,rgb(86 171 47 / .8) 0%,rgb(168 230 207 / .8) 100%);backdrop-filter:blur(10px);border:1px solid rgb(255 255 255 / .3)}.is-container h1{font-size:1.85rem!important}.is-container{padding:0;font-weight:400;line-height:1.6}.mobunti-section{padding:60px 0}.mobunti-section .row{max-width:1140px;padding:0 20px;margin:auto}.mobunti-section.row{max-width:1140px;padding:0 20px;margin:auto}.background-lighter-1{background-color:#fefefe}.background-lighter-2{background-color:#eef2f6}.background-lighter-3{background-color:#f4f6f8;color:#fff}.background-darker-2{background-color:#101010;color:#fff}