.support { position: relative; border-top: 1px solid #dfffad33; border-bottom: 1px solid #dfffad26; background: radial-gradient(ellipse at 8% 80%, #789e2624, transparent 55%), radial-gradient(ellipse at 95% 20%, #53a37914, transparent 55%), #070c09; }
.support::before { content: ''; position: absolute; inset: 0; pointer-events: none; opacity: .22; background-image: linear-gradient(#baff3218 1px,transparent 1px),linear-gradient(90deg,#baff3218 1px,transparent 1px); background-size: 70px 70px; mask-image: linear-gradient(transparent,black 40%,transparent); }
.support-layout { position: relative; display: grid; grid-template-columns: 1.15fr 1fr; gap: 10%; align-items: center; }
.support-badge { display: inline-block; padding: 7px 13px; border-radius: 30px; border: 1px solid #baff3233; background: #baff3209; font-size: 12px; letter-spacing: 1px; color: #d1fda3; margin-bottom: 28px; }
.support h2 { font-size: clamp(36px,4vw,60px); }
.support h2 span { color: var(--green); }
.support-intro { color: #bac5b3; max-width: 540px; margin: 24px 0 30px; }
.support-console { border-radius: 18px; overflow: hidden; background: #030a07a6; margin-bottom: 25px; padding-bottom: 15px; }
.console-top { display: flex; justify-content: space-between; align-items: center; padding: 13px 17px; border-bottom: 1px solid #ffffff10; font: 12px ui-monospace,monospace; color: #93a287; margin-bottom: 16px; }
.console-lights { display: flex; gap: 6px; }
.console-lights i { width: 7px; height: 7px; border-radius: 50%; background: #d6edb6; opacity: .5; }
.console-lights i:last-child { background: var(--green); opacity: 1; }
.support-console p { margin: 8px 18px; font: 14px/1.6 ui-monospace,monospace; color: #d1dac9; }
.support-console p > span { color: var(--green); margin-right: 12px; }
.support-cursor { display: inline-block; width: 6px; height: 13px; background: var(--green); margin-left: 7px; vertical-align: middle; animation: cursor-blink 1.4s steps(1) infinite; }
.support-topics { list-style: none; padding: 0; margin: 0 0 30px; color: #c5cfbe; }
.support-topics li { margin: 10px 0; font-size: 14px; }
.support-topics li::before { content: '↗'; color: var(--green); margin-right: 13px; }
.whatsapp-support { font-family: inherit; cursor: pointer; }
.support-note { color: #97a38e; font-size: 13px; margin: 12px 0 0; }
.message-card { border-radius: 30px; overflow: hidden; border-top-color: #ffffff6b; border-bottom-color: #dfffad5c; background: linear-gradient(145deg,#ffffff0d,#ffffff02),#08120acf; box-shadow: inset 0 1px 2px #ffffff30,inset 0 -1px 2px #dfffad22,0 30px 80px #0005,0 0 80px #9de93509; }
.message-card-top { display: flex; align-items: center; gap: 12px; padding: 22px; border-bottom: 1px solid #ffffff12; }
.support-avatar { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; background: #baff321c; border: 1px solid #baff3233; color: var(--green); font-weight: 800; }
.message-card-top strong { display: block; font-size: 14px; letter-spacing: 2px; }
.message-card-top div > span { display: block; font-size: 12px; color: #a0b096; }
@keyframes cursor-blink { 50% { opacity: 0; } }

@media(max-width:900px) { .support-layout { grid-template-columns: 1fr; gap: 45px; } .message-card { max-width: 580px; width: 100%; } }
@media(max-width:600px) { .support .section-label { flex-wrap: wrap; } .message-card-top { padding: 18px; gap: 9px; } .message-conversation,.message-composer { padding-left: 17px; padding-right: 17px; } .preview-label { font-size: 12px; letter-spacing: 0; } .composer-bottom { flex-wrap: wrap; } .console-top { font-size: 12px; } }

.contact-card { min-width: 0; }
.contact-envelope { width: 26px; height: 26px; color: #c7ef9c; margin-left: auto; }
.contact-form { padding: 25px; }
.contact-intro { margin: 0 0 25px; color: #b7c4ac; font-size: 15px; line-height: 1.7; }
.contact-fields { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 19px 14px; }
.contact-field { min-width: 0; }
.contact-field.full { grid-column: 1 / -1; }
.contact-field label { display: block; margin-bottom: 8px; font-size: 14px; color: #edf5e6; }
.contact-field label span { color: #a6b49c; font-size: 13px; }
.contact-field input, .contact-field textarea { width: 100%; min-width: 0; border: 1px solid #ffffff26; border-top-color: #ffffff3b; border-radius: 14px; background: linear-gradient(140deg,#ffffff09,#ffffff02); box-shadow: inset 0 1px 3px #0002; color: #f2f8ec; font: 16px/1.6 Manrope,sans-serif; padding: 14px 15px; transition: border-color 220ms ease,box-shadow 220ms ease,background 220ms ease; }
.contact-field textarea { resize: vertical; min-height: 158px; }
.contact-field input::placeholder, .contact-field textarea::placeholder { color: #96a48d; opacity: 1; }
.contact-field input:hover, .contact-field textarea:hover { border-color: #dfffad55; }
.contact-field input:focus-visible, .contact-field textarea:focus-visible { outline: 2px solid #baff3299; outline-offset: 3px; border-color: #dfffad77; background-color: #baff3205; box-shadow: 0 0 18px #baff320b; }
.contact-submit { display: flex; align-items: center; flex-wrap: wrap; gap: 16px; margin-top: 25px; }
.contact-submit button { font-family: inherit; }
.contact-submit button:disabled { cursor: not-allowed; }
.required-note { color: #a3b099; font-size: 12px; }
.contact-status { color: #a6b49c; font-size: 13px; margin: 17px 0 0; line-height: 1.6; }
@media(max-width:600px) { .contact-form { padding: 21px 18px; } .contact-fields { grid-template-columns: minmax(0,1fr); } }

/* Trusted partners, managed from the dashboard preview. */
.trusted { position: relative; overflow: hidden; padding-bottom: 120px; background: radial-gradient(ellipse at 0% 100%,#baff3214,transparent 42%),#070c09; }
.trusted-heading { display: flex; align-items: end; justify-content: space-between; gap: 34px; margin: 55px 0 45px; }
.trusted h2 { font-size: clamp(37px,4.5vw,65px); line-height: .98; letter-spacing: -2.6px; }
.trusted h2 span { color: var(--green); }
.trusted-heading p { max-width: 325px; color: #aab7a0; line-height: 1.7; }
.brand-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
.brand-tile { display: grid; place-items: center; min-height: 130px; padding: 28px; border-radius: 22px; transition: transform .25s ease,border-color .25s ease; }
.brand-tile img { display:block; width:min(100%,180px); max-height:72px; object-fit:contain; filter:grayscale(1) brightness(1.7); opacity:.88; transition:filter .25s ease,opacity .25s ease; }
.brand-tile:hover { border-color: #dfffad77; transform: translateY(-3px); }
.brand-tile:hover img { filter:grayscale(0) brightness(1); opacity:1; }
.maintenance-screen { display: grid; min-height: 100vh; place-items: center; padding: 28px; background: radial-gradient(ellipse at 70% 20%,#baff3222,transparent 43%),radial-gradient(ellipse at 10% 95%,#3b6c251e,transparent 52%),#050805; }
.maintenance-card { width: min(680px,100%); padding: clamp(30px,7vw,80px); border-radius: 34px; text-align: left; }
.maintenance-label { display: block; margin: 72px 0 22px; color: var(--green); font-size: 12px; font-weight: 800; letter-spacing: 1.8px; }
.maintenance-card h1 { font-size: clamp(43px,7vw,82px); line-height: .94; letter-spacing: -4px; margin: 0; }
.maintenance-card h1 em { color: var(--green); font-family: Georgia,serif; font-weight: 400; }
.maintenance-card p { max-width: 430px; margin: 28px 0 35px; color: #b6c2ad; line-height: 1.7; }
.maintenance-admin { display: inline-flex; align-items: center; gap: 8px; margin-left: 20px; color: #aab7a0; font-size: 12px; letter-spacing: 1px; text-decoration: none; }
.maintenance-admin:hover { color: var(--green); }
.admin-entry { color: #aab7a0; font-size: 11px; letter-spacing: 1.3px; text-decoration: none; }
.admin-entry:hover { color: var(--green); }
@media(max-width:700px) { .trusted { padding-bottom: 78px; } .trusted-heading { display:block; margin: 35px 0; } .trusted-heading p { margin-top: 20px; } .brand-grid { grid-template-columns: 1fr 1fr; } }
@media(max-width:500px) { .maintenance-admin { display:flex; width:max-content; margin:22px 0 0; } }