:root{--purple-dark:#3d0055;--purple-night:#26003a;--cream:#f3dc9c;--electric:#0af522;--gold:#ffdd37;--ink:#1c1226}
*{box-sizing:border-box}
body{margin:0;background:var(--purple-night);color:#f4eee2;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.56}
a{color:var(--gold)}
img{max-width:100%;display:block}
.sg-wrap{max-width:980px;margin:0 auto;padding:0 20px}

.sg-header{padding:16px 0;border-bottom:1px solid rgba(243,220,156,.16)}
.sg-header .sg-wrap{display:flex;align-items:center;gap:16px}
.sg-header img{width:112px}
.sg-header nav{margin-left:auto;display:flex;gap:14px}
.sg-header nav a{font-size:13px;color:#e4d8ff;text-decoration:none;font-weight:600}
.sg-cta{background:var(--gold);color:#3d0055;font-weight:800;padding:9px 18px;border-radius:8px;text-decoration:none!important;font-size:14px}

.sg-hero{padding:46px 0 30px;text-align:center}
.sg-badge{display:inline-block;background:rgba(10,245,34,.12);border:1px solid rgba(10,245,34,.45);color:var(--electric);font-weight:700;font-size:13px;padding:6px 14px;border-radius:999px;margin-bottom:16px}
.sg-hero h1{font-size:clamp(26px,4vw,42px);margin:0 auto 14px;max-width:760px;line-height:1.16}
.sg-hero p{max-width:600px;margin:0 auto 24px;color:#d9cdf0;font-size:17px}
.sg-hero .sg-cta{padding:13px 28px;font-size:16px;border-radius:999px}
.sg-minutes{display:flex;justify-content:center;gap:26px;margin-top:28px;flex-wrap:wrap}
.sg-minutes div{text-align:center}
.sg-minutes b{display:block;font-size:26px;color:var(--gold)}
.sg-minutes span{font-size:12.5px;color:#c3b6e0}

.sg-body{background:var(--cream);color:var(--ink);border-radius:28px 28px 0 0;padding:44px 0 10px}
.sg-body .sg-wrap{max-width:760px}
.sg-body h2{font-size:22px;color:var(--purple-dark);margin:0 0 18px}
.sg-body p{margin:0 0 14px;font-size:16px}
.sg-body .sg-intro{font-size:17px}

.sg-steps{counter-reset:sgstep;margin:0 0 30px}
.sg-step{position:relative;padding:6px 0 6px 56px;margin-bottom:26px;counter-increment:sgstep}
.sg-step::before{content:counter(sgstep);position:absolute;left:0;top:0;width:40px;height:40px;border-radius:50%;background:var(--purple-dark);color:var(--gold);font-weight:800;font-size:17px;display:flex;align-items:center;justify-content:center}
.sg-step::after{content:"";position:absolute;left:19px;top:44px;bottom:-26px;width:2px;background:#e0d3a9}
.sg-step:last-child::after{display:none}
.sg-step h3{margin:2px 0 8px;font-size:18px;color:var(--purple-night)}
.sg-step p{margin:0 0 8px;font-size:15.5px}
.sg-step ul{margin:8px 0 0;padding-left:20px;font-size:15px}

.sg-tablewrap{overflow-x:auto;margin:14px 0;border:1px solid #e0d3a9;border-radius:10px}
.sg-tablewrap table{border-collapse:collapse;width:100%;min-width:380px;font-size:14.5px}
.sg-tablewrap th,.sg-tablewrap td{padding:9px 13px;text-align:left;border-bottom:1px solid #e6dcc2}
.sg-tablewrap th{background:var(--purple-dark);color:#fff}
.sg-tablewrap tr:last-child td{border-bottom:none}

.sg-callout{background:#fff;border:1px solid #e0d3a9;border-left:5px solid var(--purple-dark);border-radius:10px;padding:14px 16px;margin:14px 0 20px}
.sg-callout b{color:var(--purple-dark)}

.sg-cta-band{background:var(--purple-dark);color:#fff;border-radius:16px;padding:22px 24px;margin:28px 0;text-align:center}
.sg-cta-band p{color:#efe2ff;margin:0 0 14px}
.sg-cta-band a{background:var(--electric);color:#0a2b00;font-weight:800;padding:12px 26px;border-radius:999px;text-decoration:none}

.sg-faq h3{border-top:1px solid #e0d3a9;padding-top:14px;font-size:16.5px;color:var(--purple-dark);margin:18px 0 6px}
.sg-faq p{font-size:15px}

.sg-footer{background:var(--purple-night);color:#c3b6e0;padding:30px 0 20px}
.sg-footer .sg-wrap{max-width:760px}
.sg-flinks{display:flex;gap:22px;flex-wrap:wrap;margin-bottom:18px;font-size:13.5px}
.sg-flinks a{color:#c3b6e0;text-decoration:none}
.sg-rg{font-size:12px;color:#a798c9;border-top:1px solid rgba(255,255,255,.12);padding-top:14px;display:flex;gap:8px}
.sg-rg b{color:var(--gold);flex:0 0 auto}
.sg-bottom{font-size:12px;color:#8f7fb8;margin-top:12px}

@media (max-width:600px){
  .sg-header nav{display:none}
  .sg-step{padding-left:48px}
  .sg-step::before{width:34px;height:34px;font-size:15px}
  .sg-step::after{left:16px}
}
