:root{
  --care-blue:#0a84ff;
  --care-orange:#ff7a1a;
  --care-navy:#071426;
}
body{background:#f5f5f7}
.login-brand img{
  padding:0;border-radius:22px;background:transparent;
  box-shadow:-13px -9px 32px rgba(10,132,255,.38),14px -2px 32px rgba(191,90,242,.26),10px 15px 34px rgba(255,122,26,.34),-8px 14px 28px rgba(48,209,88,.18)
}
.wordmark img{
  padding:0;border-radius:10px;background:transparent;
  box-shadow:-5px -4px 13px rgba(10,132,255,.24),6px 0 13px rgba(191,90,242,.17),4px 6px 14px rgba(255,122,26,.24)
}
.hero{
  color:#fff;
  background:
    radial-gradient(circle at 84% 18%,rgba(32,137,255,.68) 0,rgba(32,137,255,.15) 25%,transparent 42%),
    radial-gradient(circle at 74% 112%,rgba(255,111,20,.68) 0,rgba(255,111,20,.16) 31%,transparent 52%),
    linear-gradient(138deg,#05070b 0%,#081426 52%,#15110f 100%);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 34px 80px rgba(9,22,44,.18)
}
.hero h1{color:#fff}
.hero p{color:rgba(255,255,255,.72)}
.hero-kicker{color:#88c3ff}
.hero-mark{color:rgba(255,255,255,.09)}
.care-ecosystem .feature-card{
  position:relative;overflow:hidden;background:#fff;color:#111214;
  border:1px solid rgba(17,18,20,.065);
  box-shadow:0 12px 36px rgba(28,48,82,.075)
}
.care-ecosystem .feature-card:after{
  content:"";position:absolute;right:-52px;top:-58px;width:150px;height:150px;border-radius:50%;
  background:linear-gradient(135deg,rgba(10,132,255,.13),rgba(255,122,26,.10));
  pointer-events:none
}
.care-ecosystem .feature-card p{color:#666b72}
.care-ecosystem .feature-card small{color:#777d85}
.care-ecosystem .status-card{
  color:#fff;
  background:
    radial-gradient(circle at 94% 10%,rgba(255,255,255,.18),transparent 25%),
    linear-gradient(135deg,#061a38 0%,#075fc9 58%,#0a84ff 100%);
  border:0
}
.care-ecosystem .status-card p,.care-ecosystem .status-card small{color:rgba(255,255,255,.76)}
.care-ecosystem .status-card:after{background:rgba(255,255,255,.10)}
.care-ecosystem .warranty-card{border-top:4px solid var(--care-orange)}
.care-ecosystem .appointment-card{border-top:4px solid var(--care-blue)}
.care-ecosystem .rewards-card{
  background:linear-gradient(145deg,#fff 15%,#fff5ec 100%);
  border-top:4px solid var(--care-orange)
}
.care-ecosystem .family-card{
  background:linear-gradient(145deg,#f4f9ff 0%,#fff 52%,#fff7f1 100%);
  border-top:4px solid transparent;
  border-image:linear-gradient(90deg,var(--care-blue),#bf5af2,var(--care-orange)) 1
}
.page-heading>span{color:var(--care-blue)}
.order-card,.status-card-full,.warranty-card-full,.visit-card,.empty-state,.voucher,.family-member{
  box-shadow:0 12px 38px rgba(28,48,82,.065)
}
.status-card-full header{
  background:
    radial-gradient(circle at 92% 0,rgba(10,132,255,.10),transparent 34%),
    #fff
}
.points-card{background:linear-gradient(145deg,#071426,#0b3976)}
.reward-exchange{background:linear-gradient(145deg,#fff7ef,#fff);border:1px solid #ffe1ca}
.visit-card.accent{background:linear-gradient(145deg,#071426,#123867)}
@media(max-width:860px){
  .hero{min-height:390px}
  .care-ecosystem .feature-card{min-height:180px}
}