:root{--bg:#6b4f7d;--ink:#2f213b;--text:#f0c8ff;--pink:#fe85a4;--line:rgba(240,200,255,.28);--field:rgba(47,33,59,.18)}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:"Trebuchet MS","Nunito",Arial,sans-serif}
a{color:inherit}.site-nav{background:rgba(76,62,87,.94);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}
.nav-inner{
  max-width:1500px;
  margin:0 auto;
  padding:14px 24px;
  min-height:62px;
  display:flex;
  align-items:center;
  position:relative;
}
.brand{
  margin-right:auto;
  text-decoration:none;
  color:var(--pink);
  font-size:20px;
  font-weight:900;
  flex:0 0 auto;
}
.nav-links,.lang{
  display:flex;
  gap:8px;
  flex-wrap:nowrap;
}
.nav-links{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  justify-content:center;
  align-items:center;
}
.lang{
  margin-left:auto;
  justify-content:flex-end;
  flex:0 0 auto;
}.nav-links a,.lang a{text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:9px 13px;font-weight:900}
.lang .active{background:var(--pink);color:var(--ink);border-color:transparent}
.contact-shell{width:min(100% - 40px,900px);margin:0 auto;padding:70px 0 80px}
.contact-head{text-align:center;margin-bottom:34px}.contact-head h1{margin:0 0 14px;color:var(--ink);font-size:clamp(48px,7vw,76px);line-height:1}
.contact-head .accent{color:var(--pink)}.contact-head p{margin:0 auto;max-width:700px;font-size:clamp(17px,2vw,21px);line-height:1.6;font-weight:700}
.contact-card{border:1px solid var(--line);border-radius:24px;background:rgba(47,33,59,.12);padding:32px;box-shadow:0 18px 45px rgba(25,13,34,.14)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{display:flex;flex-direction:column;gap:8px}.field.full{grid-column:1/-1}
label{color:var(--pink);font-weight:900;font-size:15px}input,textarea{width:100%;border:1px solid var(--line);border-radius:13px;background:var(--field);color:var(--text);font:inherit;font-weight:700;padding:14px 15px;outline:none}
input:focus,textarea:focus{border-color:var(--pink);box-shadow:0 0 0 3px rgba(254,133,164,.16)}textarea{min-height:190px;resize:vertical}
input::placeholder,textarea::placeholder{color:rgba(240,200,255,.58)}.form-actions{display:flex;justify-content:center;margin-top:24px}
.send-button{border:3px solid var(--ink);border-radius:10px;background:transparent;color:var(--text);padding:14px 30px;font:inherit;font-size:20px;font-weight:900;cursor:pointer}
.send-button:hover{background:var(--pink);color:var(--ink)}.send-button:disabled{opacity:.55;cursor:wait}
.form-status{min-height:28px;margin:18px 0 0;text-align:center;font-weight:900}.form-note{margin:17px auto 0;max-width:680px;text-align:center;font-size:13px;line-height:1.5;opacity:.78;font-weight:700}
.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.footer{padding:36px 24px;text-align:center;border-top:1px solid var(--line);font-size:14px;font-weight:800}

@media(max-width:1050px){
  .nav-inner{
    display:flex!important;
    flex-wrap:wrap!important;
    justify-content:center!important;
    gap:10px!important;
  }
  .brand{
    width:100%!important;
    text-align:center!important;
    margin:0!important;
  }
  .nav-links{
    position:static!important;
    transform:none!important;
    order:2;
    flex-wrap:wrap!important;
  }
  .lang{
    order:3;
    margin-left:0!important;
  }
}
@media(max-width:650px){
  .contact-shell{width:min(100% - 28px,900px);padding-top:45px}
  .contact-card{padding:22px}
  .form-grid{grid-template-columns:1fr}
  .field.full{grid-column:auto}
}


/* Balanced header layout: narrower left column for the brand */
.nav-inner{
  max-width:1400px!important;
  margin:0 auto!important;
  padding:14px 24px!important;
  min-height:62px!important;
  display:grid!important;
  grid-template-columns:250px 1fr 250px!important;
  align-items:center!important;
  gap:14px!important;
  position:relative!important;
}
.brand{
  grid-column:1!important;
  justify-self:start!important;
  margin:0!important;
  width:auto!important;
  max-width:250px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.nav-links{
  grid-column:2!important;
  position:static!important;
  left:auto!important;
  transform:none!important;
  justify-self:center!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:nowrap!important;
}
.lang{
  grid-column:3!important;
  justify-self:end!important;
  margin-left:0!important;
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:8px!important;
  flex:0 0 auto!important;
}

@media(max-width:1050px){
  .nav-inner{
    display:flex!important;
    flex-wrap:wrap!important;
    justify-content:center!important;
    gap:10px!important;
  }
  .brand{
    width:100%!important;
    max-width:none!important;
    text-align:center!important;
    margin:0!important;
  }
  .nav-links{
    position:static!important;
    transform:none!important;
    order:2!important;
    flex-wrap:wrap!important;
  }
  .lang{
    order:3!important;
    margin-left:0!important;
  }
}


/* Language selector matched to homepage */
.lang{
  grid-column:3!important;
  justify-self:end!important;
  margin-left:0!important;
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:8px!important;
  flex:0 0 auto!important;

  padding:7px!important;
  border:1px solid rgba(240,200,255,.28)!important;
  border-radius:999px!important;
  background:rgba(47,33,59,.72)!important;
  backdrop-filter:blur(10px)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.16)!important;
}

.lang a{
  min-width:42px!important;
  padding:8px 11px!important;
  border:none!important;
  border-radius:999px!important;
  background:transparent!important;
  text-align:center!important;
  text-decoration:none!important;
  color:#f0c8ff!important;
  font-weight:900!important;
  line-height:1!important;
  transition:transform .15s ease,background .15s ease,color .15s ease!important;
}

.lang a:hover{
  transform:translateY(-1px)!important;
  background:rgba(255,255,255,.08)!important;
}

.lang a.active{
  background:#fe85a4!important;
  color:#2f213b!important;
}


/* FINAL LEFT HEADER GROUP — house + Iluru Kovarion X */
.brand-cluster{
  grid-column:1!important;
  justify-self:start!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  min-width:0!important;
  max-width:100%!important;
}

.brand-cluster .brand{
  display:block!important;
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  color:var(--pink)!important;
  font-weight:900!important;
  font-size:20px!important;
  line-height:1.1!important;
}

.brand-cluster .home-icon{
  position:static!important;
  grid-column:auto!important;
  justify-self:auto!important;
  flex:0 0 42px!important;
  width:42px!important;
  min-width:42px!important;
  max-width:42px!important;
  height:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  margin:0!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;

  border:1px solid rgba(240,200,255,.28)!important;
  border-radius:999px!important;
  background:rgba(47,33,59,.72)!important;
  color: #f19ac0;
  text-decoration:none!important;
  box-shadow:0 8px 24px rgba(0,0,0,.12)!important;
  backdrop-filter:blur(10px)!important;
  transition:transform .15s ease,background .15s ease,color .15s ease!important;
}

.brand-cluster .home-icon:hover{
  transform:translateY(-1px)!important;
  background:rgba(255,255,255,.08)!important;
}

.brand-cluster .home-icon svg{
  display:block!important;
  flex:none!important;
  width: 21px;
  min-width: 21px;
  max-width: 21px;
  height: 21px;
  min-height: 21px;
  max-height: 21px;
  fill:currentColor!important;
}

.brand-cluster .home-icon svg path{
  fill:currentColor!important;
}

/* Keep the full left group in the first header column */
.nav-inner{
  grid-template-columns:300px minmax(0,1fr) 250px!important;
}

@media(max-width:1050px){
  .brand-cluster{
    order:1!important;
    width:auto!important;
    justify-self:center!important;
    margin:0 auto!important;
  }

  .brand-cluster .brand{
    width:auto!important;
    margin:0!important;
    text-align:left!important;
  }

  .brand-cluster .home-icon{
    flex-basis:38px!important;
    width:38px!important;
    min-width:38px!important;
    max-width:38px!important;
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
  }

  .nav-links{order:2!important;}
  .lang{order:3!important;}
}

@media(max-width:520px){
  .brand-cluster{
    max-width:100%!important;
    gap:8px!important;
  }

  .brand-cluster .brand{
    font-size:18px!important;
  }
}