/* Basindo one-page profile */
:root { --bas-navy:#071a2f; --bas-blue:#0877d1; --bas-cyan:#23b5d3; --bas-ink:#11253a; --bas-muted:#607086; --bas-soft:#f3f7fa; }
html { scroll-behavior:smooth; scroll-padding-top:84px; }
body.basindo-site { color:var(--bas-ink); background:#fff; font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; letter-spacing:.012em; }
.basindo-site :is(.basindo-hero,.profile-section,.cta-band) { margin-bottom:0; }
.basindo-site h1,.basindo-site h2,.basindo-site h3,.basindo-site h4,.basindo-site h5,.basindo-site h6 { font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; font-kerning:normal; letter-spacing:.018em; word-spacing:.075em; }
.basindo-site p,.basindo-site label,.basindo-site input,.basindo-site select,.basindo-site textarea,.basindo-site button { letter-spacing:.012em; }
.basindo-site #header { background:rgba(255,255,255,.94); border-bottom:1px solid rgba(9,35,62,.08); backdrop-filter:blur(14px); }
.basindo-site #header .container { max-width:1180px; }
.basindo-site #header .logo a { display:flex; align-items:center; color:var(--bas-navy); text-decoration:none; }
.basindo-site #header .navbar-brand .basindo-logo { width:auto; height:48px; max-width:190px; object-fit:contain; }
.basindo-site .mobile-logo .basindo-logo { width:auto; height:56px; max-width:190px; object-fit:contain; }
.navbar-brand .basindo-logo--light { display:none; }
:root[data-theme="dark"] .navbar-brand .basindo-logo--dark { display:none; }
:root[data-theme="dark"] .navbar-brand .basindo-logo--light { display:block; }
:root[data-theme="dark"] .basindo-site #header .navbar-brand .basindo-logo--dark { display:block; }
:root[data-theme="dark"] .basindo-site #header .navbar-brand .basindo-logo--light { display:none; }
.basindo-site .theme-toggle { display:none; }
.basindo-nav { display:flex; align-items:center; gap:1.6rem; margin:0; list-style:none; }
.basindo-nav a { color:#33485c; font-size:.82rem; font-weight:650; letter-spacing:.018em; text-decoration:none; }
.basindo-nav a:hover { color:var(--bas-blue); }
.basindo-nav .lang-switch { display:grid; place-items:center; min-width:34px; height:30px; padding:0 .45rem; border:1px solid #cbd9e4; border-radius:6px; color:var(--bas-blue); font-size:.67rem; font-weight:800; letter-spacing:.08em; }
.basindo-nav .lang-switch:hover { border-color:var(--bas-blue); background:#eff7fd; }
.basindo-nav .nav-cta { padding:.66rem 1rem; color:#fff; background:var(--bas-blue); border-radius:7px; }
.basindo-nav .nav-cta:hover { color:#fff; background:#0563ae; }
.basindo-site main { padding:0; }
.basindo-site .container { width:min(1180px,calc(100% - 3rem)); max-width:none; margin-inline:auto; }
.basindo-hero { position:relative; min-height:560px; padding:102px 0 46px; overflow:hidden; background:linear-gradient(122deg,#f9fcfe 0%,#eef7fc 55%,#e4f3fb 100%); }
.hero-grid { position:absolute; inset:0; opacity:.45; background-image:linear-gradient(rgba(12,94,151,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(12,94,151,.07) 1px,transparent 1px); background-size:44px 44px; mask-image:linear-gradient(to right,#000,transparent 68%); }
.hero-layout { position:relative; display:grid; grid-template-columns:1.08fr .92fr; align-items:center; gap:4rem; }
.eyebrow,.section-kicker { display:inline-flex; align-items:center; gap:.65rem; color:var(--bas-blue); font-size:.7rem; font-weight:800; letter-spacing:.15em; text-transform:uppercase; }
.eyebrow span { width:25px; height:2px; background:var(--bas-cyan); }
.hero-copy h1 { max-width:700px; margin:1rem 0; color:var(--bas-navy); font-size:clamp(2.65rem,3.8vw,3.9rem); font-weight:760; line-height:1.15; letter-spacing:.022em; word-spacing:.12em; }
.hero-copy h1 em { color:var(--bas-blue); font-style:normal; }
.hero-copy > p { max-width:610px; color:#50657a; font-size:.96rem; line-height:1.65; }
.hero-actions { display:flex; align-items:center; gap:1.35rem; margin:1.6rem 0 1.8rem; }
.primary-cta,.light-cta { display:inline-flex; align-items:center; gap:1rem; margin:0; padding:.9rem 1.25rem; border:0; border-radius:7px; font-size:.82rem; font-weight:750; text-decoration:none; }
.primary-cta { color:#fff; background:var(--bas-blue); box-shadow:0 14px 35px rgba(8,119,209,.22); }
.primary-cta:hover { color:#fff; background:#0567b6; transform:translateY(-2px); }
.text-link { color:var(--bas-ink); font-size:.82rem; font-weight:700; text-decoration:none; }
.hero-trust { display:flex; align-items:center; gap:1rem; padding-top:1rem; border-top:1px solid rgba(9,35,62,.12); color:var(--bas-muted); font-size:.7rem; }
.hero-trust strong { color:var(--bas-navy); font-size:.93rem; }
.customer-section { margin:0; padding:34px 0 38px; border-bottom:1px solid #e5edf3; background:#fff; }
.customer-heading { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:1rem; margin-bottom:24px; }
.customer-heading p { margin:0; color:#718095; font-size:.65rem; font-weight:750; letter-spacing:.12em; text-align:center; text-transform:uppercase; }
.customer-line { height:1px; background:#e0e9f0; }
.customer-logos { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); align-items:center; gap:1.25rem; }
.customer-logo { display:grid; place-items:center; min-height:88px; padding:14px 22px; border:1px solid transparent; border-radius:10px; transition:border-color .2s ease,background-color .2s ease,transform .2s ease; }
.customer-logo img { display:block; width:auto; max-width:100%; height:58px; object-fit:contain; filter:grayscale(1); opacity:.68; transition:filter .2s ease,opacity .2s ease; }
.customer-logo:first-child img { height:68px; }
.customer-logo:hover { border-color:#dce8f0; background:#f8fbfd; transform:translateY(-2px); }
.customer-logo:hover img { filter:grayscale(0); opacity:1; }
.hero-visual { position:relative; min-height:390px; }
.visual-core { position:absolute; z-index:2; top:50%; left:50%; display:grid; place-items:center; width:185px; height:185px; padding:1.6rem; border-radius:50%; color:#fff; text-align:center; transform:translate(-50%,-50%); background:linear-gradient(145deg,#0c8ee8,#07549a); box-shadow:0 28px 65px rgba(7,80,140,.26); }
.core-illustration { display:block; width:104px; height:80px; overflow:visible; }
.core-link { fill:none; stroke:rgba(255,255,255,.5); stroke-width:2.4; stroke-linecap:round; }
.core-node { fill:rgba(255,255,255,.12); stroke:rgba(255,255,255,.82); stroke-width:2; }
.core-node-center { fill:rgba(255,255,255,.2); stroke:#fff; }
.core-spark { fill:none; stroke:#fff; stroke-width:3; stroke-linecap:round; }
.visual-core small { opacity:.8; font-size:.62rem; letter-spacing:.1em; text-transform:uppercase; }
.visual-orbit { position:absolute; top:50%; left:50%; border:1px solid rgba(8,119,209,.22); border-radius:50%; transform:translate(-50%,-50%); }
.orbit-one { width:285px; height:285px; }.orbit-two { width:390px; height:390px; border-style:dashed; }
.tech-chip { position:absolute; z-index:3; padding:.7rem 1rem; border:1px solid rgba(8,119,209,.12); border-radius:7px; color:#31506a; background:rgba(255,255,255,.9); box-shadow:0 12px 35px rgba(15,67,106,.13); font-size:.65rem; font-weight:750; }
.chip-one { top:12%; right:0; }.chip-two { bottom:9%; right:9%; }.chip-three { top:48%; left:-3%; }
.profile-section { padding:72px 0; }
.split-layout { display:grid; grid-template-columns:.9fr 1.1fr; gap:5.5rem; }
.profile-section h2 { margin:.7rem 0 0; color:var(--bas-navy); font-size:clamp(2rem,2.8vw,3rem); font-weight:740; line-height:1.24; letter-spacing:.02em; word-spacing:.09em; }
.about-copy .lead { margin:0 0 1rem; color:var(--bas-ink); font-size:1.02rem; font-weight:550; line-height:1.65; }
.about-copy > p:not(.lead) { color:var(--bas-muted); font-size:.88rem; line-height:1.7; }
.about-points { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin-top:1.5rem; }
.about-points span { position:relative; padding-top:1rem; border-top:2px solid var(--bas-blue); color:#33495d; font-size:.72rem; font-weight:700; }
.services-section { color:#fff; background:var(--bas-navy); }
.section-kicker.light { color:#57c8e0; }
.services-section h2,.contact-section h2 { color:#fff; }
.section-heading { display:grid; grid-template-columns:1.3fr .7fr; align-items:end; gap:4rem; margin-bottom:2.4rem; }
.section-heading > p { margin:0; color:#9eb0c3; line-height:1.75; }
.service-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid rgba(255,255,255,.12); border-left:1px solid rgba(255,255,255,.12); }
.service-grid article { position:relative; min-height:235px; padding:1.55rem; border-right:1px solid rgba(255,255,255,.12); border-bottom:1px solid rgba(255,255,255,.12); transition:.25s ease; }
.service-grid article:not(.service-cta):hover { background:#0b2744; transform:translateY(-3px); }
.service-number { position:absolute; top:1.35rem; right:1.5rem; color:#5f7890; font-size:.62rem; letter-spacing:.1em; }
.service-icon { display:grid; place-items:center; width:38px; height:38px; margin-bottom:1.45rem; border:1px solid rgba(69,190,221,.4); border-radius:8px; color:#52c4de; font-size:1.05rem; }
.service-grid h3 { margin:0 0 .8rem; color:#fff; font-size:1.08rem; line-height:1.4; letter-spacing:.022em; word-spacing:.07em; }
.service-grid p { margin:0; color:#9eb0c3; font-size:.78rem; line-height:1.75; }
.service-cta { display:flex; grid-column:span 1; flex-direction:column; justify-content:center; background:linear-gradient(145deg,#0877d1,#075999); }
.service-cta p { color:#d8eaf7; }.service-cta a { margin-top:1.5rem; color:#fff; font-size:.78rem; font-weight:750; text-decoration:none; }
.approach-section { background:var(--bas-soft); }
.center-heading { max-width:720px; margin:0 auto 3rem; text-align:center; }.center-heading > p { color:var(--bas-muted); }
.steps { display:grid; grid-template-columns:repeat(4,1fr); }
.steps article { position:relative; padding:0 1.6rem; border-left:1px solid #d5e0e8; }
.steps article:last-child { border-right:1px solid #d5e0e8; }
.steps span { display:block; margin-bottom:1.8rem; color:var(--bas-blue); font-size:.68rem; font-weight:800; }
.steps h3 { margin-bottom:.7rem; color:var(--bas-navy); font-size:1.05rem; }.steps p { color:var(--bas-muted); font-size:.75rem; line-height:1.7; }
.prototype-section { margin:0; padding:56px 0; background:#fff; }
.prototype-card { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:1.8rem; padding:2rem 2.15rem; border:1px solid #dce8f0; border-radius:16px; background:linear-gradient(120deg,#f8fcff 0%,#eef7fc 100%); box-shadow:0 18px 48px rgba(7,57,96,.08); }
.prototype-icon { display:grid; grid-template-columns:repeat(3,16px); align-items:end; gap:5px; width:72px; height:72px; padding:17px 11px; border-radius:15px; background:linear-gradient(145deg,#0c8ee8,#07549a); box-shadow:0 12px 28px rgba(8,119,209,.2); }
.prototype-icon span { display:block; border:2px solid rgba(255,255,255,.9); border-radius:3px; background:rgba(255,255,255,.15); }
.prototype-icon span:nth-child(1) { height:18px; }.prototype-icon span:nth-child(2) { height:29px; }.prototype-icon span:nth-child(3) { height:40px; }
.prototype-copy h2 { margin:.45rem 0 .45rem; color:var(--bas-navy); font-size:clamp(1.4rem,2vw,1.85rem); line-height:1.25; }
.prototype-copy p { max-width:720px; margin:0; color:var(--bas-muted); font-size:.82rem; line-height:1.7; }
.prototype-cta { display:inline-flex; align-items:center; gap:.8rem; margin:0; padding:.85rem 1.15rem; border:0; border-radius:7px; white-space:nowrap; color:#fff; background:var(--bas-blue); font-size:.76rem; font-weight:750; text-decoration:none; }
.prototype-cta:hover { color:#fff; background:#0563ae; transform:translateY(-2px); }
.cta-band { padding:48px 0; color:#fff; background:linear-gradient(100deg,#0877d1,#05589b); }
.cta-band .container { display:flex; align-items:center; justify-content:space-between; gap:3rem; }
.cta-band span { font-size:.68rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }.cta-band h2 { max-width:720px; margin:.45rem 0 0; color:#fff; font-size:1.6rem; line-height:1.25; letter-spacing:-.012em; }
.light-cta { flex:none; color:var(--bas-navy); background:#fff; }.light-cta:hover { color:var(--bas-blue); transform:translateY(-2px); }
.contact-section { background:#08233d; }
.contact-layout { display:grid; grid-template-columns:.85fr 1.15fr; gap:5rem; align-items:start; }
.contact-copy > p { max-width:480px; color:#9db0c3; line-height:1.75; }
.contact-list { display:grid; gap:.9rem; margin-top:1.8rem; }.contact-list > * { display:flex; align-items:center; gap:1rem; color:#fff; text-decoration:none; }
.contact-list > * > span { display:grid; place-items:center; width:40px; height:40px; border:1px solid rgba(87,200,224,.3); border-radius:7px; color:#57c8e0; }
.contact-list small,.contact-list strong { display:block; }.contact-list small { margin-bottom:.15rem; color:#758ba1; font-size:.6rem; text-transform:uppercase; }.contact-list strong { color:#eaf3f8; font-size:.75rem; line-height:1.55; }
.contact-card { padding:1.8rem; border-radius:12px; background:#fff; box-shadow:0 30px 70px rgba(0,0,0,.25); }
.contact-card h3 { margin:0; color:var(--bas-navy); font-size:1.45rem; }.contact-card > p { margin:.35rem 0 1.5rem; color:var(--bas-muted); font-size:.75rem; }
.contact-card form { margin:0; }.contact-card .form-group { margin-bottom:.85rem; }.contact-card label { color:#385067; font-size:.7rem; font-weight:700; }
.contact-card input,.contact-card select,.contact-card textarea { margin-top:.35rem; border-color:#dce5eb; border-radius:6px; color:#142b40 !important; caret-color:#0877d1; background:#f8fafc !important; font-size:.76rem; -webkit-text-fill-color:#142b40; }
.contact-card input::placeholder,.contact-card textarea::placeholder { color:#718095 !important; opacity:1; -webkit-text-fill-color:#718095; }
.contact-card select option { color:#142b40; background:#fff; }
.contact-card input:-webkit-autofill,.contact-card input:-webkit-autofill:hover,.contact-card input:-webkit-autofill:focus,.contact-card textarea:-webkit-autofill,.contact-card select:-webkit-autofill { color:#142b40 !important; caret-color:#0877d1; box-shadow:0 0 0 1000px #f8fafc inset; -webkit-text-fill-color:#142b40 !important; }
.contact-card .form-input-wrapper:has(input[type="checkbox"]) { display:flex; align-items:flex-start; gap:.6rem; }
.contact-card input[type="checkbox"] { appearance:none; -webkit-appearance:none; flex:0 0 1.2rem; width:1.2rem; height:1.2rem; margin:.12rem 0 0; padding:0; border:2px solid #7b8b9b !important; border-radius:4px; outline:0; background-color:#fff !important; background-image:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:70% !important; cursor:pointer; transition:none !important; -webkit-text-fill-color:initial; }
.contact-card input[type="checkbox"]:hover { border-color:#0877d1 !important; }
.contact-card input[type="checkbox"]:focus-visible { border-color:#0877d1 !important; box-shadow:0 0 0 3px rgba(8,119,209,.22); }
#contact .contact-card input.form-checkbox[type="checkbox"]:not(:checked),#contact .contact-card input.form-checkbox[type="checkbox"]:not(:checked):hover,#contact .contact-card input.form-checkbox[type="checkbox"]:not(:checked):focus { background-color:#fff !important; background-image:none !important; box-shadow:inset 0 0 0 1rem #fff !important; }
#contact .contact-card input.form-checkbox[type="checkbox"]:not(:checked):focus-visible { border-color:#0877d1 !important; box-shadow:inset 0 0 0 1rem #fff,0 0 0 3px rgba(8,119,209,.22) !important; }
#contact .contact-card input.form-checkbox[type="checkbox"]:checked { border-color:#0877d1 !important; background-color:#0877d1 !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.4' d='M3 8.2 6.4 11.5 13 4.8'/%3E%3C/svg%3E") !important; box-shadow:inset 0 0 0 1rem #0877d1 !important; }
#contact .contact-card input.form-checkbox[type="checkbox"]:checked:focus-visible { box-shadow:inset 0 0 0 1rem #0877d1,0 0 0 3px rgba(8,119,209,.22) !important; }
.contact-card .form-input-wrapper:has(input[type="checkbox"]) label { margin:0; color:#385067; line-height:1.55; cursor:pointer; }
.contact-card textarea { min-height:120px; resize:vertical; }.contact-card .button-wrapper { margin:1rem 0 0; }
.contact-card button[type="submit"] { width:100%; margin:0; padding:.85rem; border:0; border-radius:6px; background:var(--bas-blue); font-size:.78rem; font-weight:750; }
.basindo-footer { padding:38px 0; color:#91a5b8; background:#020b14; }
.footer-grid { display:grid; grid-template-columns:2fr 1fr 1.3fr 1.4fr; gap:3rem; align-items:start; }.footer-brand img { display:block; width:165px; height:auto; margin:0 0 .7rem; }.footer-brand p,.copyright { font-size:.66rem; line-height:1.7; }
.footer-grid h4 { margin:0 0 .8rem; color:#fff; font-size:.68rem; text-transform:uppercase; letter-spacing:.08em; }.footer-grid a { display:block; margin:.35rem 0; color:#91a5b8; font-size:.68rem; text-decoration:none; }.footer-grid a:hover { color:#fff; }.copyright { margin:0; text-align:right; }
@media (max-width:900px) {
  .basindo-nav { display:none; }.basindo-site .mobile-menu { display:block; }
  .hero-layout,.split-layout,.section-heading,.contact-layout { grid-template-columns:1fr; gap:3rem; }
  .customer-logos { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .prototype-card { grid-template-columns:auto 1fr; }.prototype-cta { grid-column:2; justify-self:start; }
  .basindo-hero { min-height:auto; padding-top:100px; }.hero-visual { min-height:330px; }.hero-copy h1 { max-width:760px; }
  .service-grid { grid-template-columns:repeat(2,1fr); }.steps { grid-template-columns:repeat(2,1fr); gap:2rem 0; }.footer-grid { grid-template-columns:repeat(2,1fr); }.copyright { text-align:left; }
}
@media (max-width:600px) {
  .basindo-site .container { width:min(100% - 2rem,1180px); }.basindo-hero { padding:98px 0 48px; }.hero-copy h1 { font-size:2.55rem; line-height:1.08; }.hero-actions { align-items:flex-start; flex-direction:column; }.hero-trust { align-items:flex-start; flex-direction:column; }
  .customer-section { padding:28px 0; }.customer-heading { grid-template-columns:28px 1fr 28px; }.customer-heading p { font-size:.58rem; }.customer-logos { gap:.5rem; }.customer-logo { min-height:76px; padding:10px 12px; }.customer-logo img { height:43px; }.customer-logo:first-child img { height:52px; }
  .prototype-section { padding:40px 0; }.prototype-card { grid-template-columns:1fr; gap:1.2rem; padding:1.5rem; }.prototype-icon { width:62px; height:62px; }.prototype-cta { grid-column:1; justify-self:stretch; justify-content:center; }
  .hero-visual { display:none; }.profile-section { padding:55px 0; }.about-points,.service-grid,.steps,.footer-grid { grid-template-columns:1fr; }.service-cta { grid-column:span 1; }.section-heading { gap:1.3rem; }.steps article:last-child { border-right:0; }.cta-band .container { align-items:flex-start; flex-direction:column; }.contact-card { padding:1.25rem; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } * { transition:none !important; } }

/* Basindo white-label frontend login */
.basindo-login-page #header,.basindo-login-page .mobile-menu,.basindo-login-page .mobile-container,.basindo-login-page footer { display:none; }
.basindo-login-page #page-wrapper { min-height:100vh; }
.basindo-login-page main { display:grid; min-height:100vh; padding:0; background:radial-gradient(circle at 15% 15%,rgba(35,181,211,.16),transparent 30%),linear-gradient(135deg,#041426,#082947); }
.basindo-login-shell { display:grid; place-items:center; width:100%; padding:2rem 1rem; }
.basindo-login-card { width:min(100%,440px); padding:2.25rem; border:1px solid rgba(255,255,255,.1); border-radius:16px; color:#142b40; background:#fff; box-shadow:0 32px 90px rgba(0,0,0,.32); }
.basindo-login-brand { display:flex; align-items:center; margin-bottom:2rem; color:#071a2f; text-decoration:none; }
.basindo-login-brand img { display:block; width:210px; max-width:72%; height:auto; }
.basindo-login-heading > span { color:#0877d1; font-size:.62rem; font-weight:800; letter-spacing:.17em; }.basindo-login-heading h1 { margin:.55rem 0 .35rem; color:#071a2f; font-size:1.75rem; line-height:1.25; letter-spacing:.018em; word-spacing:.1em; }.basindo-login-heading p { margin:0 0 1.5rem; color:#718095; font-size:.8rem; line-height:1.55; letter-spacing:.018em; word-spacing:.06em; }
.basindo-login-card #grav-login { margin:0; padding:0 !important; color:#142b40; background:transparent !important; box-shadow:none !important; }
.basindo-login-card #grav-login > h1 { display:none; }
.basindo-login-card #grav-login form { margin:0; padding:0; background:transparent; box-shadow:none; }
.basindo-login-card .form-group { margin-bottom:1rem; }
.basindo-login-card label,.basindo-login-card .form-label { color:#385067 !important; font-size:.72rem; font-weight:700; }
.basindo-login-card input:not([type="checkbox"]) { min-height:3rem; border:1px solid #d0dae5 !important; border-radius:.45rem; color:#142b40 !important; caret-color:#0877d1; background:#f8fafc !important; -webkit-text-fill-color:#142b40; }
.basindo-login-card input:not([type="checkbox"]):focus { border-color:#0877d1 !important; box-shadow:0 0 0 3px rgba(8,119,209,.14); }
.basindo-login-card input::placeholder { color:#718095 !important; -webkit-text-fill-color:#718095; }
.basindo-login-card input[type="checkbox"] { appearance:none; -webkit-appearance:none; width:1.1rem; height:1.1rem; margin:0 .45rem 0 0; border:2px solid #7b8b9b; border-radius:4px; background:#fff; vertical-align:middle; }
.basindo-login-card input[type="checkbox"]:checked { border-color:#0877d1; background:#0877d1 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.4' d='M3 8.2 6.4 11.5 13 4.8'/%3E%3C/svg%3E") center/75% no-repeat; }
.basindo-login-card .button-wrapper,.basindo-login-card .form-actions { display:flex; flex-wrap:wrap; gap:.65rem; margin-top:1.1rem; }.basindo-login-card button[type="submit"] { border-color:#0877d1; background:#0877d1; }.basindo-login-card button[type="submit"]:hover { background:#0564af; }
@media (max-width:520px) { .basindo-login-card { padding:1.5rem; }.basindo-login-brand img { width:185px; max-width:78%; } }
.basindo-login-captcha {
  margin: 1rem 0 1.15rem;
}

.basindo-login-captcha > label {
  display: block;
  margin-bottom: 0.5rem;
  color: #24374b !important;
  font-size: 0.82rem;
  font-weight: 700;
}

.basindo-login-captcha-row {
  display: grid;
  grid-template-columns: 7rem minmax(0, 1fr);
  gap: 0.65rem;
}

.basindo-login-captcha-question {
  display: grid;
  min-height: 3rem;
  place-items: center;
  border-radius: 0.45rem;
  background: #edf5fb;
  color: #0d568e;
  font-size: 1.05rem;
  font-weight: 800;
  letter-spacing: 0.06em;
}

.basindo-login-page .basindo-login-captcha-row input {
  width: 100%;
  min-width: 0;
  min-height: 3rem;
  border: 1px solid #b9c9d8 !important;
  color: #172b40 !important;
  background: #fff !important;
}