:root{
  --ss-bg:#071019;
  --ss-panel:#0d1924;
  --ss-line:rgba(104,221,255,.18);
  --ss-cyan:#68ddff;
  --ss-green:#71e6b8;
}

body{
  background:
    radial-gradient(circle at 10% 0%,rgba(104,221,255,.10),transparent 28rem),
    radial-gradient(circle at 88% 12%,rgba(157,140,255,.07),transparent 28rem),
    #071019 !important;
  font-family:Inter,"Segoe UI Variable","Segoe UI",system-ui,-apple-system,sans-serif !important;
}

.site-header{
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}

.hero-inner,
.card,
.notice,
.boundary,
.step{
  border-color:var(--ss-line) !important;
}

.hero h1{
  letter-spacing:-.04em;
}

.btn.green{
  background:linear-gradient(135deg,var(--ss-cyan),var(--ss-green)) !important;
  color:#06131a !important;
}

.brand span,
.tag.green{
  color:var(--ss-green) !important;
}

.site-footer{
  border-top-color:var(--ss-line) !important;
}

/* SAFESHELF-POLISH-20260909 */

.hero-inner{
  border-color:rgba(104,221,255,.16) !important;
}

.hero h1{
  max-width:900px;
  line-height:1.02;
}

.card{
  box-shadow:
    0 14px 36px rgba(0,0,0,.13);
  transition:
    transform .18s ease,
    box-shadow .18s ease;
}

.card:hover{
  transform:translateY(-3px);
  box-shadow:
    0 20px 46px rgba(0,0,0,.18);
}

.notice,
.boundary{
  box-shadow:
    0 10px 28px rgba(0,0,0,.10);
}

.btn{
  transition:
    transform .18s ease,
    box-shadow .18s ease;
}

.btn:hover{
  transform:translateY(-2px);
}