:root { --primary: #008a45; --primary-dark: #053f2d; --accent: #ff6b00; scroll-behavior: smooth; }
body { color: #26334d; background: #f8f9fc; font-family: "Nunito", "Segoe UI", sans-serif; padding-top: 78px; }
.password-toggle-wrapper { position: relative; }
.password-toggle-wrapper .form-control { padding-right: 3rem; }
.password-visibility-toggle { display: inline-flex; align-items: center; justify-content: center; min-width: 2.75rem; color: #526174; border: 1px solid #d1d3e2; background: #fff; box-shadow: none !important; }
.password-toggle-wrapper .password-visibility-toggle { position: absolute; z-index: 4; top: 50%; right: .2rem; width: 2.4rem; min-width: 2.4rem; height: calc(100% - .4rem); padding: 0; border: 0; border-radius: .45rem; transform: translateY(-50%); }
.password-toggle-group .password-visibility-toggle { border-left: 0; border-radius: 0 .35rem .35rem 0; }
.password-visibility-toggle:hover,
.password-visibility-toggle:focus { color: var(--primary); background: rgba(0,138,69,.08); }
.password-visibility-toggle:focus-visible { outline: 3px solid rgba(0,138,69,.2); outline-offset: -3px; }
.password-visibility-toggle i { pointer-events: none; }
a { color: var(--primary); transition: color .18s ease, background-color .18s ease, box-shadow .18s ease, transform .18s ease; }
a:hover,
a:focus { color: var(--accent); text-decoration: none; }
a.text-primary:hover,
a.text-primary:focus { color: var(--accent) !important; }
.btn-link { color: var(--primary); }
.btn-link:hover,
.btn-link:focus { color: var(--accent); text-decoration: none; }
.password-strength-panel { display: none; margin-top: .65rem; padding: .75rem; border: 1px solid #e3e6f0; border-radius: .65rem; background: #f8f9fc; }
.password-strength-panel.show { display: block; }
.password-strength-top { display: flex; justify-content: space-between; gap: 1rem; color: #697386; font-size: .78rem; font-weight: 800; text-transform: uppercase; }
.password-strength-top strong { color: #697386; }
.password-strength-bar { height: .42rem; margin: .5rem 0 .65rem; overflow: hidden; border-radius: 999px; background: #e3e6f0; }
.password-strength-bar span { display: block; width: 0; height: 100%; border-radius: inherit; background: #da542e; transition: width .18s ease, background-color .18s ease; }
.password-strength-panel.medium .password-strength-bar span { background: #f6c23e; }
.password-strength-panel.strong .password-strength-bar span { background: var(--primary); }
.password-strength-panel.strong .password-strength-top strong { color: var(--primary); }
.password-strength-rules { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .35rem .75rem; padding: 0; margin: 0; list-style: none; color: #697386; font-size: .78rem; }
.password-strength-rules li { display: inline-flex; align-items: center; gap: .35rem; }
.password-strength-rules li i { color: #c7cbd8; font-size: .72rem; }
.password-strength-rules li.is-ok { color: #07543a; font-weight: 700; }
.password-strength-rules li.is-ok i { color: var(--primary); }
.text-primary { color: var(--primary) !important; } .btn-primary { background: var(--primary); border-color: var(--primary); } .btn-outline-primary { color: var(--primary); border-color: var(--primary); }
.btn { transition: color .18s ease, background-color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease; }
.btn:hover { transform: translateY(-1px); }
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled):active { background: var(--primary-dark); border-color: var(--primary-dark); color: #fff; box-shadow: 0 .45rem 1rem rgba(0,138,69,.22); }
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active { background: var(--primary); border-color: var(--primary); color: #fff; box-shadow: 0 .45rem 1rem rgba(0,138,69,.18); }
.btn-warning { background: var(--accent); border-color: var(--accent); color: #fff; }
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:not(:disabled):not(.disabled):active { background: #e85f00; border-color: #e85f00; color: #fff; box-shadow: 0 .45rem 1rem rgba(255,107,0,.24); }
.public-hero .btn-outline-light:hover,
.public-hero .btn-outline-light:focus,
.public-hero .btn-outline-light:not(:disabled):not(.disabled):active { background: #fff; border-color: #fff; color: var(--primary-dark); box-shadow: 0 .45rem 1rem rgba(255,255,255,.2); }
.home-contact-card .btn-warning:hover,
.home-contact-card .btn-warning:focus { background: var(--primary-dark); border-color: var(--primary-dark); color: #fff; box-shadow: 0 .45rem 1rem rgba(5,63,45,.22); }
.public-navbar { min-height: 78px; } .public-navbar .navbar-brand img { width: 185px; height: 56px; border-radius: .75rem; object-fit: contain; margin-right: .65rem; } .public-navbar .navbar-brand span { display: none; color: var(--primary-dark); font-weight: 800; } .public-navbar .nav-link { position: relative; font-weight: 700; color: #4a5568 !important; } .public-navbar .nav-link:hover, .public-navbar .nav-link:focus, .public-navbar .nav-item.active .nav-link { color: var(--primary) !important; } .public-navbar .nav-link::after { content: ""; position: absolute; left: .5rem; right: .5rem; bottom: .15rem; height: 2px; border-radius: 999px; background: linear-gradient(90deg, var(--accent), var(--primary)); transform: scaleX(0); transform-origin: center; transition: transform .18s ease; } .public-navbar .nav-link:hover::after, .public-navbar .nav-link:focus::after, .public-navbar .nav-item.active .nav-link::after { transform: scaleX(1); }
.public-hero { position: relative; overflow: hidden; padding: 6rem 0; background: linear-gradient(125deg, var(--primary-dark), var(--primary)); color: #fff; } .public-hero:after { content: ""; position: absolute; width: 420px; height: 420px; right: -120px; top: -170px; border-radius: 50%; background: rgba(255,255,255,.08); } .public-hero h1 { font-size: clamp(2.3rem,5vw,4.2rem); line-height: 1.08; font-weight: 800; } .public-hero .lead { color: rgba(255,255,255,.78); max-width: 650px; } .hero-art { max-width: 420px; width: 100%; filter: drop-shadow(0 18px 30px rgba(0,0,0,.25)); }
.section-pad { padding: 5rem 0; } .feature-card { border: 0; border-radius: .8rem; height: 100%; transition: transform .2s; } .feature-card:hover { transform: translateY(-5px); } .feature-icon { width: 3.5rem; height: 3.5rem; display: inline-flex; align-items: center; justify-content: center; border-radius: .8rem; background: rgba(0,138,69,.1); color: var(--primary); font-size: 1.4rem; }
.steps { background: #fff; } .step-number { width: 2.7rem; height: 2.7rem; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: var(--accent); color: #322400; font-weight: 800; }
.auth-section { min-height: calc(100vh - 190px); padding: 4rem 0; background: linear-gradient(135deg, #eef8f0, #f8f9fc); } .auth-card { max-width: 760px; margin: auto; border: 0; border-radius: 1rem; overflow: hidden; } .auth-side { background: linear-gradient(145deg, var(--primary-dark), var(--primary)); color: #fff; } .auth-logo { width: 104px; height: 104px; border-radius: 1.35rem; object-fit: contain; box-shadow: 0 .8rem 1.6rem rgba(0,0,0,.18); } .auth-card .form-control { min-height: 48px; border-radius: .45rem; } .auth-card label { font-weight: 700; } .auth-card .form-control:focus { border-color: var(--primary); box-shadow: 0 0 0 .2rem rgba(0,138,69,.15); }
.auth-inline-success { display: none; padding: 2rem 1.25rem; text-align: center; border: 1px solid rgba(0,138,69,.16); border-radius: 1rem; background: linear-gradient(135deg, rgba(0,138,69,.08), rgba(255,107,0,.05)); }
.auth-inline-success.show { display: block; animation: auth-success-in .22s ease-out both; }
.auth-inline-success-icon { width: 5rem; height: 5rem; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; color: #fff; background: linear-gradient(135deg, var(--primary), var(--primary-dark)); box-shadow: 0 .8rem 1.6rem rgba(0,138,69,.2); font-size: 2rem; }
@keyframes auth-success-in { from { opacity: 0; transform: translateY(8px) scale(.98); } to { opacity: 1; transform: translateY(0) scale(1); } }
.auth-remember-checkbox { padding: .85rem .95rem .85rem 2.85rem; border: 1px solid rgba(0,138,69,.16); border-radius: .75rem; background: linear-gradient(135deg, rgba(0,138,69,.07), rgba(255,107,0,.05)); transition: border-color .18s ease, box-shadow .18s ease, background .18s ease; }
.auth-remember-checkbox:hover { border-color: rgba(255,107,0,.35); background: linear-gradient(135deg, rgba(0,138,69,.1), rgba(255,107,0,.08)); }
.auth-remember-checkbox .custom-control-label { color: #26334d; cursor: pointer; font-weight: 800; }
.auth-remember-checkbox .custom-control-label::before { top: .05rem; left: -1.9rem; width: 1.25rem; height: 1.25rem; border: 2px solid var(--primary); border-radius: .35rem; background-color: #fff; box-shadow: 0 .25rem .65rem rgba(0,138,69,.12); }
.auth-remember-checkbox .custom-control-label::after { top: .05rem; left: -1.9rem; width: 1.25rem; height: 1.25rem; }
.auth-remember-checkbox .custom-control-input:checked ~ .custom-control-label::before { border-color: var(--primary); background: linear-gradient(135deg, var(--primary), var(--primary-dark)); }
.auth-remember-checkbox .custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 .2rem rgba(255,107,0,.22); }
.auth-remember-checkbox .form-text { color: #697386 !important; }
.terms-consent { background: #f8f9fc; border: 1px solid #dfe4ee; border-radius: .55rem; } .terms-consent .custom-control-label { font-size: .88rem; font-weight: 600; }
.select2-container--default .select2-selection--single { height: 48px; border: 1px solid #d1d3e2; border-radius: .45rem; } .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 46px; padding-left: 1rem; color: #6e707e; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 46px; right: .5rem; } .select2-container--default.select2-container--focus .select2-selection--single, .select2-container--default.select2-container--open .select2-selection--single { border-color: var(--primary); box-shadow: 0 0 0 .2rem rgba(0,138,69,.15); } .select2-dropdown { border-color: #d1d3e2; border-radius: .45rem; box-shadow: 0 .5rem 1.25rem rgba(58,59,69,.15); overflow: hidden; } .select2-search--dropdown { padding: .65rem; } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #d1d3e2; border-radius: .35rem; padding: .55rem .7rem; outline: 0; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: var(--primary); }
.help-hero-modern, .terms-hero { padding: 5rem 0; color: #fff; background: linear-gradient(125deg, var(--primary-dark), var(--primary)); } .help-hero-modern .lead { max-width: 650px; } .help-hero-icon { width: 5.5rem; height: 5.5rem; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: rgba(255,255,255,.12); font-size: 2.2rem; } .help-contact-card { border: 0; border-radius: .8rem; transition: transform .2s; } .help-contact-card:hover { transform: translateY(-4px); } .faq-modern-card { border: 1px solid #e3e6f0; border-radius: .65rem; overflow: hidden; } .faq-modern-card .card-header { padding: 0; background: #fff; border: 0; } .faq-modern-card .btn-link { padding: 1.15rem 1.25rem; color: #26334d; text-decoration: none; } .faq-modern-card .btn-link:hover, .faq-modern-card .btn-link:focus { color: var(--primary); background: #eaf8f0; } .faq-modern-card .btn-link i { transition: transform .2s; } .faq-modern-card .btn-link:not(.collapsed) i { transform: rotate(180deg); } .support-panel { background: #fff; border: 1px solid #e3e6f0; border-radius: .8rem; box-shadow: 0 .15rem 1.25rem rgba(58,59,69,.1); } .support-avatar { width: 4.5rem; height: 4.5rem; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: rgba(0,138,69,.1); color: var(--primary); font-size: 1.8rem; }
.terms-hero-icon { font-size: 8rem; color: rgba(255,255,255,.18); } .terms-summary { position: sticky; top: 100px; border-radius: .7rem; } .terms-summary a { color: #697386; font-size: .84rem; padding: .48rem .6rem; border-radius: .35rem; text-decoration: none; } .terms-summary a:hover { color: var(--primary); background: rgba(0,138,69,.07); } .terms-content { border-radius: .8rem; } .terms-intro { padding: 1rem 1.2rem; margin-bottom: 2rem; color: #07543a; background: #eaf8f0; border-left: 4px solid var(--primary); border-radius: .35rem; } .terms-content section { scroll-margin-top: 100px; margin-bottom: 2.25rem; } .terms-content section h2 { display: flex; align-items: center; font-size: 1.25rem; font-weight: 800; color: #26334d; } .terms-content section h2 span { width: 2rem; height: 2rem; display: inline-flex; align-items: center; justify-content: center; margin-right: .7rem; border-radius: .45rem; color: var(--primary); background: rgba(0,138,69,.09); font-size: .85rem; } .terms-content section p { color: #697386; line-height: 1.75; } .terms-accept-note { padding: 2rem; background: #f8f9fc; border-radius: .65rem; }
.public-footer { background: #052319; color: rgba(255,255,255,.7); padding: 2rem 0; }
.public-footer-inner { display: flex; align-items: center; justify-content: space-between; gap: 1.25rem; }
.public-footer-brand { display: inline-flex; align-items: center; flex: 0 0 auto; }
.public-footer img { width: 46px; height: 46px; border-radius: .8rem; object-fit: contain; margin-right: .6rem; }
.public-footer-links { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: .55rem .85rem; }
.public-footer-links a { display: inline-flex; align-items: center; justify-content: center; min-height: 2.1rem; padding: .25rem .65rem; color: rgba(255,255,255,.72); font-size: .85rem; line-height: 1.25; border-radius: 999px; text-align: center; }
.public-footer-links a:hover, .public-footer-links a:focus { color: var(--accent); background: rgba(255,255,255,.07); text-decoration: none; }
.public-footer-copy { flex: 0 0 auto; white-space: nowrap; }
@media(max-width:991.98px){.public-navbar .navbar-collapse{padding:1rem 0}.public-hero{text-align:center;padding:4.5rem 0}.public-hero .lead{margin-left:auto;margin-right:auto}.hero-art{margin-top:3rem;max-width:300px}.auth-side{display:none}}
@media(max-width:991.98px){.public-footer-inner{flex-direction:column;text-align:center}.public-footer-brand{justify-content:center}.public-footer-copy{white-space:normal}.public-footer-links{max-width:640px}}
@media(max-width:575.98px){.public-navbar .navbar-brand img{width:148px;height:48px}}
@media(max-width:575.98px){.public-footer{padding:1.65rem 0}.public-footer-inner{gap:1rem}.public-footer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:.55rem}.public-footer-links a{width:100%;padding:.55rem .45rem;background:rgba(255,255,255,.045)}}
@media(max-width:360px){.public-footer-links{grid-template-columns:1fr}}

.reviews-section {
    background:
        radial-gradient(circle at 8% 18%, rgba(255, 107, 0, .12), transparent 24%),
        linear-gradient(180deg, #fff 0%, #f8f9fc 100%);
}
.reviews-list {
    display: flex;
    flex-direction: column;
}
.review-list-item {
    width: 100%;
}
.review-card {
    border: 0;
    border-radius: 1rem;
    transition: transform .2s ease, box-shadow .2s ease;
}
.review-card-horizontal {
    width: 100%;
}
.review-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 1rem 2rem rgba(0, 138, 69, .13) !important;
}
.review-card-content {
    min-width: 0;
}
.review-comment {
    line-height: 1.7;
}
.review-stars {
    color: var(--accent);
    letter-spacing: .08rem;
    white-space: nowrap;
}
.review-avatar,
.review-empty-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
}
.review-avatar {
    width: 2.65rem;
    height: 2.65rem;
    flex: 0 0 2.65rem;
    color: #fff;
    background: linear-gradient(135deg, var(--primary), var(--primary-dark));
    font-weight: 800;
}
.review-empty {
    height: 100%;
    min-height: 280px;
    padding: 3rem 2rem;
    border: 1px dashed #d8deea;
    border-radius: 1rem;
    background: #fff;
    text-align: center;
}
.review-empty-icon {
    width: 4.6rem;
    height: 4.6rem;
    color: var(--accent);
    background: rgba(255, 107, 0, .13);
    font-size: 1.9rem;
}
.reviews-show-more {
    border-radius: 999px;
    padding-left: 1.35rem;
    padding-right: 1.35rem;
}
.reviews-show-more .badge {
    color: var(--primary-dark);
    background: #eaf8f0;
}
.review-form-card {
    overflow: hidden;
    border: 0;
    border-radius: 1rem;
}
.review-form-card .form-control {
    min-height: 48px;
    border-radius: .55rem;
}
.review-form-card textarea.form-control {
    min-height: 130px;
}
.rating-picker {
    display: inline-flex;
    flex-direction: row-reverse;
    gap: .35rem;
}
.rating-picker input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.rating-picker label {
    margin: 0;
    color: #d8deea;
    cursor: pointer;
    font-size: 1.65rem;
    line-height: 1;
    transition: color .15s ease, transform .15s ease;
}
.rating-picker label:hover,
.rating-picker label:hover ~ label,
.rating-picker input:checked ~ label {
    color: var(--accent);
}
.rating-picker label:hover {
    transform: translateY(-2px) scale(1.05);
}
.home-contact-section {
    background: #f8f9fc;
}
.home-contact-card {
    position: relative;
    overflow: hidden;
    padding: 2rem;
    border-radius: 1.1rem;
    background:
        radial-gradient(circle at 92% 10%, rgba(255, 107, 0, .25), transparent 26%),
        linear-gradient(135deg, var(--primary-dark), var(--primary));
}
.home-contact-card::after {
    content: "";
    position: absolute;
    width: 180px;
    height: 180px;
    left: -70px;
    bottom: -95px;
    border-radius: 999px;
    background: rgba(255,255,255,.08);
}
.home-contact-card > .row {
    position: relative;
    z-index: 1;
}
@media(max-width:575.98px){
    .home-contact-card {
        padding: 1.4rem;
        text-align: center;
    }
    .home-contact-card .btn {
        width: 100%;
        white-space: normal;
    }
}