:root {
--mantap-red: #FB2C36;
--mantap-red-dark: #dc2626;
--mantap-red-light: #fef2f2;
--mantap-orange-light: #fff7ed;
--mantap-green: #16a34a;
--mantap-green-light: #f0fdf4;
}
html,body{overflow-x: hidden}
body {font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', sans-serif;}
.red-dot{color:var(--mantap-red)}
.btn-mantap{background-color:var(--mantap-red);border-color:var(--mantap-red);color:#fff;font-size:1rem}
.btn-mantap:hover{background-color:var(--mantap-red-dark);border-color:var(--mantap-red-dark);color:#fff}
.btn-outline-mantap{color:var(--mantap-red);border-color:#fecaca;background-color:#fff;font-size:1rem;padding-left:2rem;padding-right:2rem}
.btn-outline-mantap:hover{background-color:var(--mantap-red-light);border-color:#fecaca;color:var(--mantap-red)}.text-mantap{color:var(--mantap-red)!important}
.bg-mantap{background-color:var(--mantap-red)!important}.bg-mantap-light{background:linear-gradient(135deg,var(--mantap-red-light) 0,var(--mantap-orange-light) 100%)}
.bg-green-light{background-color:var(--mantap-green-light)!important}.text-green{color:var(--mantap-green)!important}
.logo-icon{width:32px;height:32px;background:var(--mantap-red);border-radius:8px;display:flex;align-items:center;justify-content:center;margin-right:12px}
.logo-icon span{color:#fff;font-weight:700;font-size:14px}.hero-image-container{position:relative}
.hero-image-bg{position:absolute;inset:0;background:linear-gradient(45deg,var(--mantap-red),#fb923c);border-radius:24px;transform:rotate(6deg);opacity:.2}
.hero-image{position:relative;z-index:10;border-radius:24px;box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}
.icon-container{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center}
.icon-container-sm{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}
.icon-container-red{background-color:var(--mantap-red-light);color:var(--mantap-red)}.icon-container-green{background-color:var(--mantap-green-light);color:var(--mantap-green)}
.step-card{background:#fff;padding:2rem;border-radius:24px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1);transition:box-shadow .2s;height:100%}
.step-card:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}
.step-number{width:48px;height:48px;background:var(--mantap-red-light);border-radius:16px;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--mantap-red)}
.accordion-button{background-color:#f6f7f8}.accordion-button:not(.collapsed){background-color:var(--mantap-red-light);color:var(--mantap-red)}
.accordion-button:focus,.form-control:focus,.form-select:focus{border-color:var(--mantap-red);box-shadow:0 0 0 .25rem rgba(239,68,68,.25)}
.accordion-item{background-color:#f7f8f9}
.contact-icon{width:48px;height:48px;background:#fecaca;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--mantap-red)}
.navbar{box-shadow:0 1px 3px 0 rgba(0,0,0,.1)}.rounded-4{border-radius:24px!important}.rounded-3{border-radius:16px!important}.fs-7{font-size:.875rem}
.process-arrow{color:var(--mantap-red);font-size:1rem}.lead{font-weight:400}.footer-social-btn{width:40px;height:40px;display:flex;justify-content:center;align-items:center}
.icon_s,.toggle_btn{justify-content:center}.icon_s{display:inline-flex;align-items:center;bottom:0;position:relative}.icon_s img{filter:brightness(100);height:18px;width:auto}
.footer-social-btn:hover .icon_s{filter:brightness(0)}.toggle_btn{position:fixed;top:75vh;height:70px;bottom:23px;right:3vw;z-index:2100;display:flex}
.toggle_btn .whatsapp{align-self:center;height:60px;width:60px;border-radius:50%;background-color:#25d366;color:#fff;display:flex;justify-content:center;left:39%;text-decoration:none;position:relative;text-align:center;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:1.5}
.toggle_btn .whatsapp i{font-size:25px;margin-top:auto;margin-bottom:auto}.toggle_btn a{animation:2s infinite explode}
.card-body .bi-phone{margin-left:-5px}.btn-official{background-color:var(--mantap-red);color:#fff}.btn-official:hover{border-color:var(--mantap-red);color:var(--mantap-red)}
.select2-container .select2-selection--single{height:calc(2.375rem + 2px);padding:.375rem .75rem;border:1px solid #ced4da;border-radius:.375rem;background-color:#fff}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:1.5;padding-left:0}
.select2-container--default .select2-selection--single .select2-selection__arrow{height:100%;right:.75rem}
.select2-container--default.select2-container--focus .select2-selection--single{border-color:#86b7fe;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}
.select2-container--disabled .select2-selection{background-color:#e9ecef}
.select2-container--default .select2-selection--multiple{min-height:calc(2.375rem + 2px);border:1px solid #ced4da;border-radius:.375rem;padding:.375rem .75rem}
.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#0d6efd;border:none;color:#fff;padding:.25rem .5rem;border-radius:.25rem}
.select2-container--default .select2-selection--single .select2-selection__rendered{color:#6c757d}
.select2-container--default .select2-selection--single .select2-selection__rendered[title]:not([title=""]){color:#212529}
.select2-results__option[aria-selected=true][data-select2-id*="-0"]{display:none}
/* 语言栏样式 */
.language-bar {
    font-size: 0.9rem;
}

.language-link .badge {
    transition: all 0.2s ease;
    font-weight: 500;
    border-radius: 4px;
}

.language-link:hover .badge {
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.language-link .badge.bg-mantap {
    background-color: #dc3545 !important;
}

.language-link .badge.bg-secondary {
    background-color: #6c757d !important;
}

.language-link:hover .badge.bg-secondary {
    background-color: #5a6268 !important;
}

@keyframes explode {
    0% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.8);
    }
    70% {
        box-shadow: 0 0 20px 20px rgba(37, 211, 102, 0);
    }
    100% {
        box-shadow: 0 0 20px 20px rgba(37, 211, 102, 0);
    }
}

@keyframes pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}

@media (max-width: 768px) {
.navbar-brand{margin:auto}.navbar-brand img{position:absolute;left:50%;transform:translateX(-50%)}.hero-title{font-size:2.5rem!important}.section-title{font-size:2rem!important}
#features .icon-container{margin-left:auto;margin-right:auto}.how-container{text-align:center}
}