:root{
  --bt-cyan:#12E3EB;
  --bt-magenta:#D11579;
  --bt-dark:#1E1C33;
  --bt-cream:#FAF1E9;
  --bt-ink:#070612;
  --bt-muted:rgba(250,241,233,.72);
  --bt-card:rgba(30,28,51,.78);
  --bt-border:rgba(18,227,235,.22);
  --bt-shadow:0 18px 50px rgba(0,0,0,.45);
  --bt-script:"Feeling Passionate", "Segoe Script", "Bradley Hand", cursive;
  --bt-title:"Russo One", Poppins, sans-serif;
}
html,body{height:100%}
body{
  margin:0;
  font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;
  background:
             radial-gradient(1200px 900px at 12% 18%, rgba(18,227,235,.20), transparent 60%),
             radial-gradient(1100px 900px at 88% 62%, rgba(209,21,121,.22), transparent 64%),
             radial-gradient(900px 700px at 70% 10%, rgba(250,241,233,.08), transparent 62%),
             radial-gradient(900px 700px at 35% 78%, rgba(18,227,235,.10), transparent 66%),
             linear-gradient(180deg, #03020a 0%, #070612 40%, var(--bt-dark) 70%, #020109 100%);
  background-attachment: fixed;
  overflow-x:hidden;
  color:var(--bt-cream);
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:0;
  opacity:.48;
  background-image:
    radial-gradient(rgba(250,241,233,.22) 1px, transparent 1.2px),
    radial-gradient(rgba(18,227,235,.18) 1px, transparent 1.2px),
    radial-gradient(rgba(209,21,121,.16) 1px, transparent 1.2px),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.25'/%3E%3C/svg%3E");
  background-size: 140px 140px, 220px 220px, 320px 320px, 180px 180px;
  background-position: 0 0, 60px 120px, 180px 40px, 0 0;
  filter:blur(.08px);
  mix-blend-mode:screen;
}
body::after{
  content:"";
  position:fixed;
  inset:-15%;
  pointer-events:none;
  z-index:0;
  opacity:.85;
  background:
    radial-gradient(700px 420px at 18% 30%, rgba(18,227,235,.22), transparent 60%),
    radial-gradient(760px 480px at 82% 62%, rgba(209,21,121,.25), transparent 62%),
    radial-gradient(520px 420px at 60% 18%, rgba(250,241,233,.10), transparent 62%),
    radial-gradient(620px 520px at 40% 75%, rgba(209,21,121,.16), transparent 64%);
  filter: blur(18px) saturate(155%) contrast(115%);
  mix-blend-mode:screen;
  transform: translate3d(0,0,0);
  animation: btNebula 16s ease-in-out infinite alternate;
}
@keyframes btNebula{
  from{transform:translate3d(-1.5%, -1.2%, 0) scale(1.02)}
  to{transform:translate3d(1.5%, 1.2%, 0) scale(1.06)}
}
.bt-hero,.bt-section,.bt-footer{position:relative; z-index:1}
.bt-navbar{z-index:1050}
.bt-wa-fab{
  position:fixed;
  right:18px;
  bottom:18px;
  width:56px;
  height:56px;
  border-radius:18px;
  display:grid;
  place-items:center;
  z-index:5;
  text-decoration:none;
  color:#0b0a14;
  background:linear-gradient(135deg, rgba(18,227,235,.92), rgba(209,21,121,.92));
  border:1px solid rgba(250,241,233,.12);
  box-shadow:0 20px 55px rgba(0,0,0,.55);
  transition:transform .15s ease, box-shadow .15s ease, filter .15s ease;
}
.bt-wa-fab i{font-size:1.55rem}
.bt-wa-fab:hover{
  transform:translateY(-1px);
  filter:saturate(120%);
  box-shadow:0 26px 70px rgba(0,0,0,.62);
}
.bt-wa-fab:active{transform:translateY(0)}
.bt-wa-fab:focus-visible{
  outline:2px solid rgba(18,227,235,.75);
  outline-offset:3px;
}
.bt-navbar{
  backdrop-filter:saturate(140%) blur(10px);
  background:rgba(3,2,10,.82);
  border-bottom:1px solid rgba(250,241,233,.08);
}
.bt-brand{
  display:flex;
  align-items:center;
  gap:.75rem;
  text-decoration:none;
  color:var(--bt-cream);
}
.bt-logo-tecnobe-nav{
  width:52px;
  height:38px;
  flex:0 0 auto;
  display:block;
  filter:drop-shadow(0 14px 24px rgba(0,0,0,.45));
}
.bt-mark{
  width:38px;
  height:38px;
  border-radius:12px;
  background:radial-gradient(circle at 30% 30%, rgba(18,227,235,.95), rgba(18,227,235,.20) 55%, transparent 60%),
             radial-gradient(circle at 70% 70%, rgba(209,21,121,.95), rgba(209,21,121,.20) 55%, transparent 60%),
             linear-gradient(135deg, rgba(250,241,233,.10), rgba(250,241,233,.02));
  box-shadow:0 14px 30px rgba(0,0,0,.45);
  border:1px solid rgba(250,241,233,.10);
}
.bt-orb{
  width:18px;
  height:18px;
  border-radius:999px;
  flex:0 0 auto;
  background:
    radial-gradient(circle at 30% 30%, rgba(18,227,235,.95), rgba(18,227,235,.15) 62%, transparent 68%),
    radial-gradient(circle at 70% 70%, rgba(209,21,121,.95), rgba(209,21,121,.15) 62%, transparent 70%),
    radial-gradient(circle at 40% 60%, rgba(250,241,233,.22), transparent 62%);
  box-shadow:
    0 10px 18px rgba(0,0,0,.35),
    0 0 0 1px rgba(250,241,233,.18) inset;
  filter:saturate(150%) contrast(120%);
}
.bt-logo-tecnobe{
  width:44px;
  height:22px;
  flex:0 0 auto;
  display:block;
  filter:drop-shadow(0 10px 18px rgba(0,0,0,.35));
}
.bt-brand-title{
  font-family:var(--bt-title);
  letter-spacing:.5px;
  font-size:1.15rem;
  line-height:1;
}
.bt-brand-sub{
  font-size:.85rem;
  color:var(--bt-muted);
  margin-top:.15rem;
}
.bt-hero{
  position:relative;
  padding:110px 0 70px;
}
.bt-hero::before{
  content:"";
  position:absolute;
  inset:-120px -30px auto -30px;
  height:420px;
  background:radial-gradient(700px 280px at 50% 50%, rgba(18,227,235,.20), transparent 62%),
             radial-gradient(700px 280px at 55% 45%, rgba(209,21,121,.22), transparent 62%);
  filter:blur(2px);
  pointer-events:none;
}
.bt-hero::after{
  content:"";
  position:absolute;
  inset:auto -18% -120px -18%;
  height:380px;
  background:
    radial-gradient(closest-side at 50% 40%, rgba(209,21,121,.26), transparent 70%),
    radial-gradient(closest-side at 60% 55%, rgba(18,227,235,.22), transparent 72%),
    radial-gradient(closest-side at 40% 55%, rgba(250,241,233,.06), transparent 74%);
  filter: blur(22px) saturate(145%);
  opacity:.85;
  pointer-events:none;
}
.bt-chip{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding:.4rem .75rem;
  border-radius:999px;
  border:1px solid rgba(250,241,233,.14);
  background:rgba(5,4,10,.35);
  color:var(--bt-muted);
  font-weight:500;
}
.bt-title{
  font-family:var(--bt-title);
  font-size:clamp(2.1rem,4vw,3.3rem);
  line-height:1.05;
  margin:.9rem 0 1rem;
}
.bt-script{
  font-family:var(--bt-script);
  font-size:1.8rem;
  line-height:1;
  margin-top:.2rem;
  color:rgba(250,241,233,.92);
  text-shadow:0 10px 32px rgba(209,21,121,.16);
}
.bt-title .bt-accent{
  background:linear-gradient(90deg, var(--bt-cyan), var(--bt-magenta));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.bt-lead{
  font-size:1.08rem;
  color:var(--bt-muted);
  max-width:52rem;
}
.bt-cta{
  display:flex;
  flex-wrap:wrap;
  gap:.75rem;
  margin-top:1.6rem;
}
.bt-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.55rem;
  padding:.8rem 1.15rem;
  border-radius:14px;
  border:1px solid rgba(250,241,233,.14);
  text-decoration:none;
  font-weight:600;
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease, background-color .15s ease;
  will-change:transform;
}
.bt-btn:hover{transform:translateY(-1px)}
.bt-btn-primary{
  background:linear-gradient(135deg, rgba(18,227,235,.92), rgba(209,21,121,.92));
  color:#0b0a14;
  border-color:rgba(250,241,233,.10);
  box-shadow:0 18px 45px rgba(209,21,121,.16);
}
.bt-btn-ghost{
  background:rgba(5,4,10,.35);
  color:var(--bt-cream);
  border-color:rgba(18,227,235,.24);
}
.bt-btn-ghost:hover{
  border-color:rgba(18,227,235,.42);
  box-shadow:0 16px 40px rgba(18,227,235,.10);
}
.bt-section{
  padding:70px 0;
}
.bt-section-title{
  font-family:"Russo One",Poppins,sans-serif;
  font-size:1.7rem;
  margin:0 0 .6rem;
}
.bt-section-sub{
  color:var(--bt-muted);
  margin:0 0 2rem;
  max-width:52rem;
}
.bt-card{
  height:100%;
  border-radius:18px;
  background:var(--bt-card);
  border:1px solid rgba(250,241,233,.08);
  box-shadow:var(--bt-shadow);
  overflow:hidden;
}
.bt-card-body{padding:1.25rem}
.bt-form .form-label{
  color:rgba(250,241,233,.78);
  font-weight:600;
}
.bt-form .form-control{
  background:rgba(3,2,10,.55);
  border:1px solid rgba(250,241,233,.10);
  color:var(--bt-cream);
}
.bt-form .form-control::placeholder{color:rgba(250,241,233,.50)}
.bt-form .form-control:focus{
  background:rgba(3,2,10,.65);
  border-color:rgba(18,227,235,.55);
  box-shadow:0 0 0 .25rem rgba(18,227,235,.12);
  color:var(--bt-cream);
}
.bt-form .alert{
  border-radius:14px;
  border:1px solid rgba(250,241,233,.10);
  background:rgba(3,2,10,.45);
  color:var(--bt-cream);
}
.bt-form .alert-success{
  border-color:rgba(18,227,235,.28);
}
.bt-form .alert-danger{
  border-color:rgba(209,21,121,.28);
}
.bt-kicker{
  color:rgba(18,227,235,.92);
  font-weight:700;
  letter-spacing:.2px;
  font-size:.9rem;
}
.bt-icon{
  width:42px;
  height:42px;
  border-radius:14px;
  display:inline-grid;
  place-items:center;
  background:linear-gradient(135deg, rgba(18,227,235,.20), rgba(209,21,121,.18));
  border:1px solid rgba(250,241,233,.10);
  box-shadow:0 14px 30px rgba(0,0,0,.35);
  margin-bottom:.9rem;
}
.bt-icon i{font-size:1.3rem}
.bt-list{
  padding-left:1.1rem;
  margin:0;
  color:var(--bt-muted);
}
.bt-list li{margin:.35rem 0}
.bt-steps{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1rem;
}
@media (max-width: 992px){
  .bt-steps{grid-template-columns:1fr}
}
.bt-step{
  padding:1.15rem 1.2rem;
  border-radius:18px;
  border:1px solid rgba(250,241,233,.10);
  background:rgba(5,4,10,.30);
}
.bt-step-num{
  font-family:"Russo One",Poppins,sans-serif;
  font-size:1.35rem;
  background:linear-gradient(90deg,var(--bt-cyan),var(--bt-magenta));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.bt-footer{
  padding:40px 0;
  border-top:1px solid rgba(250,241,233,.08);
  background:rgba(5,4,10,.55);
}
.bt-badge{
  display:inline-flex;
  gap:.5rem;
  align-items:center;
  padding:.35rem .65rem;
  border-radius:999px;
  border:1px solid rgba(250,241,233,.10);
  background:rgba(5,4,10,.30);
  color:var(--bt-muted);
  font-size:.92rem;
}