@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&display=swap"); :root {
--sta-bg:        #0d0b1a;
--sta-bg2:       #13112a;
--sta-bg3:       #1a1838;
--sta-border:    #2a2850;
--sta-border2:   #3a3870;
--sta-accent:    #7b6fe0;
--sta-accent2:   #6358c8;
--sta-text:      #e8e6f8;
--sta-muted:     #8886aa;
--sta-hint:      #4a4878;
--sta-gold:      #f0be30;
--sta-green:     #22c55e;
--sta-red:       #ef4444;
--sta-radius:    16px;
--sta-radius-sm: 10px;
} .sta-starfield {
position: relative;
background: #08061a;
min-height: 100vh;
width: 100%;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
padding: 48px 20px;
overflow: hidden;
} .sta-starfield::before {
content: '';
position: absolute;
inset: 0;
background-image:
radial-gradient(1px 1px at 8%  12%, rgba(255,255,255,.8) 0%, transparent 100%),
radial-gradient(1px 1px at 20%  5%, rgba(255,255,255,.5) 0%, transparent 100%),
radial-gradient(1.5px 1.5px at 35% 20%, rgba(255,255,255,.7) 0%, transparent 100%),
radial-gradient(1px 1px at 50%  3%, rgba(255,255,255,.4) 0%, transparent 100%),
radial-gradient(1px 1px at 65% 16%, rgba(255,255,255,.6) 0%, transparent 100%),
radial-gradient(1.5px 1.5px at 80%  8%, rgba(255,255,255,.7) 0%, transparent 100%),
radial-gradient(1px 1px at 92% 22%, rgba(255,255,255,.5) 0%, transparent 100%),
radial-gradient(1px 1px at  4% 32%, rgba(255,255,255,.4) 0%, transparent 100%),
radial-gradient(1px 1px at 17% 43%, rgba(255,255,255,.3) 0%, transparent 100%),
radial-gradient(1.5px 1.5px at 30% 55%, rgba(255,255,255,.6) 0%, transparent 100%),
radial-gradient(1px 1px at 45% 40%, rgba(255,255,255,.4) 0%, transparent 100%),
radial-gradient(1px 1px at 60% 62%, rgba(255,255,255,.5) 0%, transparent 100%),
radial-gradient(1px 1px at 73% 35%, rgba(255,255,255,.3) 0%, transparent 100%),
radial-gradient(1.5px 1.5px at 87% 48%, rgba(255,255,255,.7) 0%, transparent 100%),
radial-gradient(1px 1px at  7% 68%, rgba(255,255,255,.4) 0%, transparent 100%),
radial-gradient(1px 1px at 22% 75%, rgba(255,255,255,.5) 0%, transparent 100%),
radial-gradient(1px 1px at 38% 82%, rgba(255,255,255,.3) 0%, transparent 100%),
radial-gradient(1.5px 1.5px at 54% 78%, rgba(255,255,255,.6) 0%, transparent 100%),
radial-gradient(1px 1px at 68% 88%, rgba(255,255,255,.4) 0%, transparent 100%),
radial-gradient(1px 1px at 82% 72%, rgba(255,255,255,.5) 0%, transparent 100%),
radial-gradient(1px 1px at 96% 80%, rgba(255,255,255,.3) 0%, transparent 100%),
radial-gradient(1px 1px at 12% 92%, rgba(255,255,255,.4) 0%, transparent 100%),
radial-gradient(1.5px 1.5px at 46% 95%, rgba(255,255,255,.6) 0%, transparent 100%),
radial-gradient(1px 1px at 75% 97%, rgba(255,255,255,.3) 0%, transparent 100%),
radial-gradient(2px 2px at 28% 28%, rgba(180,160,255,.5) 0%, transparent 100%),
radial-gradient(2px 2px at 63% 18%, rgba(180,160,255,.4) 0%, transparent 100%),
radial-gradient(2px 2px at 85% 85%, rgba(180,160,255,.5) 0%, transparent 100%),
radial-gradient(2px 2px at 15% 60%, rgba(180,160,255,.3) 0%, transparent 100%),
radial-gradient(2px 2px at 50% 50%, rgba(180,160,255,.2) 0%, transparent 100%);
pointer-events: none;
z-index: 0;
} .sta-starfield::after {
content: '';
position: absolute;
inset: 0;
background:
radial-gradient(ellipse 70% 50% at 50% 40%, rgba(80,50,160,.35) 0%, transparent 70%),
radial-gradient(ellipse 40% 30% at 50% 10%, rgba(120,80,220,.2) 0%, transparent 60%);
pointer-events: none;
z-index: 0;
}
.sta-starfield > * { position: relative; z-index: 1; } #sta-wrapper {
width: 100%;
max-width: 560px;
margin: 0 auto;
font-family: 'DM Sans', system-ui, sans-serif;
font-size: 15px;
color: var(--sta-text);
} .sta-starfield #sta-wrapper {
background: transparent;
border: none;
padding: 0;
} .sta-bubble-row {
display: flex;
align-items: flex-end;
gap: 10px;
animation: sta-fadein .35s ease both;
}
.sta-badge-row {
padding-left: 48px;
animation: sta-fadein .3s ease both;
margin-bottom: 4px;
} .sta-avatar     { width: 40px; height: 40px; flex-shrink: 0; }
.sta-avatar-sm  { width: 30px; height: 30px; flex-shrink: 0; }
.sta-avatar svg, .sta-avatar-sm svg { width: 100%; height: 100%; border-radius: 50%; } .sta-bubble {
max-width: 86%;
padding: 12px 15px;
border-radius: 16px 16px 16px 4px;
line-height: 1.55;
background: rgba(255,255,255,.06);
border: 1px solid rgba(255,255,255,.1);
backdrop-filter: blur(8px);
}
.sta-bubble p { margin: 0; font-size: 14px; color: var(--sta-text); } .sta-typing::after {
content: '▋';
display: inline-block;
animation: sta-blink .7s step-end infinite;
margin-left: 1px;
color: var(--sta-accent);
}
.sta-typing.sta-done::after { display: none; } .sta-severity-badge {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 5px 12px;
border-radius: 50px;
font-size: 12px;
font-weight: 500;
background: color-mix(in srgb, var(--sev-color) 12%, transparent);
color: var(--sev-color);
border: 1px solid color-mix(in srgb, var(--sev-color) 30%, transparent);
}
.sta-sev-dot {
width: 6px; height: 6px;
border-radius: 50%;
background: var(--sev-color);
flex-shrink: 0;
} #sta-step-slots { margin-top: 8px; }
.sta-slot {
display: flex;
align-items: center;
gap: 12px;
padding: 13px 15px;
border: 1px solid rgba(255,255,255,.1);
border-radius: var(--sta-radius-sm);
cursor: pointer;
background: rgba(255,255,255,.04);
transition: border-color .18s, background .18s;
margin-bottom: 8px;
}
.sta-slot:hover   { border-color: var(--sta-accent); background: rgba(123,111,224,.08); }
.sta-slot.sta-selected { border-color: var(--sta-accent); background: rgba(123,111,224,.12); }
.sta-slot-icon {
width: 36px; height: 36px;
border-radius: 8px;
background: rgba(255,255,255,.06);
border: 1px solid rgba(255,255,255,.1);
display: flex; align-items: center; justify-content: center;
font-size: 16px; flex-shrink: 0;
}
.sta-slot.sta-selected .sta-slot-icon { background: var(--sta-accent); border-color: var(--sta-accent); }
.sta-slot-info  { flex: 1; min-width: 0; }
.sta-slot-main  { font-size: 14px; font-weight: 500; color: var(--sta-text); }
.sta-slot-sub   { font-size: 12px; color: var(--sta-muted); margin-top: 2px; }
.sta-slot-priority {
font-size: 10px; font-weight: 500;
background: rgba(240,190,48,.15);
color: var(--sta-gold);
border-radius: 4px; padding: 2px 7px;
display: inline-block; margin-top: 3px;
}
.sta-slot-check {
width: 20px; height: 20px; flex-shrink: 0;
border-radius: 50%;
border: 1px solid rgba(255,255,255,.2);
display: flex; align-items: center; justify-content: center;
transition: all .18s;
}
.sta-slot.sta-selected .sta-slot-check { background: var(--sta-accent); border-color: var(--sta-accent); }
.sta-slot-check svg { width: 10px; height: 10px; stroke: #fff; display: none; }
.sta-slot.sta-selected .sta-slot-check svg { display: block; }
.sta-slot-custom { border-color: rgba(240,190,48,.4) !important; }
.sta-slot-custom .sta-slot-icon { background: rgba(240,190,48,.15); border-color: rgba(240,190,48,.4); } .sta-btn {
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
width: 100%;
padding: 16px 20px;
border: none;
border-radius: 50px;
font-size: 15px;
font-weight: 600;
font-family: inherit;
cursor: pointer;
transition: all .18s;
}
.sta-btn:active { transform: scale(.98); }
.sta-btn-primary {
background: var(--sta-accent);
color: #fff;
box-shadow: 0 4px 24px rgba(123,111,224,.4);
}
.sta-btn-primary:hover    { background: var(--sta-accent2); box-shadow: 0 6px 28px rgba(123,111,224,.5); }
.sta-btn-primary:disabled { background: var(--sta-border);  color: var(--sta-hint); box-shadow: none; cursor: not-allowed; }
.sta-btn-icon { width: 16px; height: 16px; flex-shrink: 0; }
.sta-back-btn {
background: none;
border: 1px solid var(--sta-accent);
color: var(--sta-accent);
font-size: 13px; font-family: inherit;
cursor: pointer; padding: 10px 16px;
display: block; opacity: .9;
border-radius: 8px; text-align: center;
width: 100%; margin-top: 8px;
}
.sta-back-btn:hover { opacity: 1; background: rgba(123,111,224,0.08); } .sta-fine { font-size: 11px; color: var(--sta-hint); text-align: center; margin-top: 10px; line-height: 1.5; }
.sta-error {
background: rgba(239,68,68,.1);
border: 1px solid rgba(239,68,68,.25);
color: #fca5a5;
font-size: 13px;
padding: 10px 14px;
border-radius: var(--sta-radius-sm);
display: none;
line-height: 1.5;
margin-top: 8px;
} .sta-loading-wrap {
display: flex; flex-direction: column;
align-items: flex-start;
gap: 8px;
padding: 8px 0;
}
.sta-loading-wrap p { font-size: 13px; color: var(--sta-muted); margin: 0; }
.sta-dots { display: flex; gap: 5px; }
.sta-dots span {
width: 7px; height: 7px;
border-radius: 50%;
background: var(--sta-accent);
animation: sta-bounce .9s infinite ease-in-out both;
opacity: .4;
}
.sta-dots span:nth-child(2) { animation-delay: .18s; }
.sta-dots span:nth-child(3) { animation-delay: .36s; } .sta-card {
background: rgba(255,255,255,.05);
border: 1px solid rgba(255,255,255,.1);
border-radius: var(--sta-radius);
padding: 36px 28px;
backdrop-filter: blur(8px);
}
.sta-card-success  { background: rgba(34,197,94,.07);  border-color: rgba(34,197,94,.25); }
.sta-success-wrap  { text-align: center; }
.sta-check-circle {
width: 60px; height: 60px;
border-radius: 50%;
background: rgba(34,197,94,.12);
color: var(--sta-green);
border: 2px solid rgba(34,197,94,.3);
display: flex; align-items: center; justify-content: center;
margin: 0 auto 20px;
}
.sta-check-circle svg { width: 30px; height: 30px; }
.sta-fail-circle {
background: rgba(239,68,68,.12);
color: var(--sta-red);
border-color: rgba(239,68,68,.3);
}
.sta-success-wrap h2 {
font-size: 22px; font-weight: 600;
color: var(--sta-text);
margin: 0 0 12px;
}
.sta-success-wrap p {
font-size: 14px; color: var(--sta-muted);
margin: 0 0 16px; line-height: 1.6;
}
.sta-confirm-box {
background: rgba(255,255,255,.04);
border: 1px solid rgba(255,255,255,.08);
border-radius: var(--sta-radius-sm);
padding: 13px 16px;
font-size: 13px; color: var(--sta-muted);
line-height: 1.6;
} .sta-custom-time-wrap { margin-top: 4px; }
.sta-custom-time-form { display: flex; gap: 8px; align-items: center; margin-top: 6px; }
.sta-time-input {
padding: 10px 13px;
border: 1.5px solid var(--sta-border);
border-radius: var(--sta-radius-sm);
background: rgba(255,255,255,.06);
color: var(--sta-text);
font-size: 15px;
font-family: inherit;
flex: 1;
max-width: 140px;
}
.sta-time-input:focus { outline: none; border-color: var(--sta-accent); }
.sta-btn-custom {
padding: 10px 16px;
background: rgba(255,255,255,.06);
border: 1px solid var(--sta-border2);
border-radius: 50px;
color: var(--sta-accent);
font-size: 13px; font-weight: 500; font-family: inherit;
cursor: pointer; white-space: nowrap;
transition: all .15s;
}
.sta-btn-custom:hover    { background: var(--sta-accent); color: #fff; border-color: var(--sta-accent); }
.sta-btn-custom:disabled { opacity: .5; cursor: not-allowed; } .sta-payment-panel {
background: rgba(255,255,255,.05);
border: 1px solid rgba(255,255,255,.1);
border-radius: 18px;
padding: 20px 20px;
margin-top: 10px;
backdrop-filter: blur(8px);
}
.sta-payment-header {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 16px;
gap: 2px;
padding-bottom: 14px;
border-bottom: 1px solid rgba(255,255,255,.08);
}
.sta-payment-amount {
font-size: 28px;
font-weight: 700;
color: #ffffff;
letter-spacing: -0.5px;
}
.sta-payment-desc { font-size: 13px; color: var(--sta-muted); }     .sta-pay-context {
background: linear-gradient(145deg, rgba(123,111,224,0.09) 0%, rgba(34,197,94,0.04) 100%);
border: 1px solid rgba(123,111,224,0.22);
border-radius: 16px;
padding: 18px 18px 14px;
margin-top: 0;
margin-bottom: 4px;
animation: sta-fadein .35s ease both;
position: relative;
overflow: hidden;
}
.sta-pay-context::before {
content: '';
position: absolute;
top: 0; left: 0; right: 0;
height: 2px;
background: linear-gradient(90deg, var(--sta-accent), var(--sta-green));
border-radius: 16px 16px 0 0;
}
.sta-pay-context-headline {
font-size: 13.5px;
color: var(--sta-text);
line-height: 1.65;
margin: 0 0 14px;
font-weight: 500;
letter-spacing: -.01em;
}
.sta-pay-context-list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 8px;
}
.sta-pay-context-list li {
display: flex;
align-items: flex-start;
gap: 10px;
font-size: 12.5px;
color: #cdc9ee;
line-height: 1.45;
padding: 7px 10px;
background: rgba(255,255,255,.03);
border-radius: 9px;
border: 1px solid rgba(255,255,255,.05);
}
.sta-pay-ctx-check {
color: var(--sta-green);
font-weight: 900;
font-size: 13px;
flex-shrink: 0;
margin-top: 1px;
filter: drop-shadow(0 0 4px rgba(34,197,94,.4));
}
.sta-pay-guarantee {
font-size: 13px;
color: var(--sta-green);
background: rgba(34,197,94,0.07);
border: 1px solid rgba(34,197,94,0.15);
border-radius: 10px;
padding: 10px 13px;
margin: 0 0 10px;
line-height: 1.5;
}
.sta-pay-urgency {
font-size: 12px;
color: #fbbf24;
font-weight: 600;
margin: 12px 0 0;
letter-spacing: 0.01em;
padding: 8px 10px;
background: rgba(251,191,36,.07);
border: 1px solid rgba(251,191,36,.18);
border-radius: 8px;
line-height: 1.4;
} .sta-chosen-slot-card {
display: flex;
align-items: center;
gap: 12px;
background: rgba(123,111,224,0.10);
border: 1px solid rgba(123,111,224,0.25);
border-radius: 14px;
padding: 12px 14px;
margin-bottom: 12px;
animation: sta-fadein .3s ease both;
}
.sta-chosen-slot-icon {
font-size: 20px;
flex-shrink: 0;
line-height: 1;
}
.sta-chosen-slot-info {
flex: 1;
min-width: 0;
}
.sta-chosen-slot-label {
font-size: 14px;
font-weight: 600;
color: var(--sta-text);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.sta-chosen-slot-sub {
font-size: 11px;
color: var(--sta-hint);
margin-top: 2px;
}
.sta-chosen-slot-change {
flex-shrink: 0;
background: none;
border: 1px solid rgba(123,111,224,0.35);
border-radius: 8px;
color: var(--sta-accent);
font-size: 12px;
font-weight: 600;
font-family: inherit;
padding: 5px 11px;
cursor: pointer;
transition: background .15s, border-color .15s;
}
.sta-chosen-slot-change:hover {
background: rgba(123,111,224,0.12);
border-color: rgba(123,111,224,0.55);
} #sta-slot-cta {
animation: sta-fadein .3s ease both;
} .sta-pay-wa-hint {
font-size: 12px;
color: var(--sta-hint);
text-align: center;
margin-top: 12px;
line-height: 1.5;
}
.sta-pay-wa-link {
color: var(--sta-accent);
font-weight: 600;
text-decoration: none;
}
.sta-pay-wa-link:hover { text-decoration: underline; }
#sta-paypal-buttons {
min-height: 55px;
background: #ffffff;
border-radius: 12px;
padding: 8px;
overflow: hidden;
} .sta-intake-form {
display: flex;
flex-direction: column;
gap: 14px;
margin-top: 14px;
}
.sta-intake-field { display: flex; flex-direction: column; gap: 6px; }
.sta-intake-label {
font-size: 13px; font-weight: 500;
color: var(--sta-muted); padding-left: 2px;
}
.sta-intake-optional { font-size: 11px; color: var(--sta-hint); font-weight: 400; }
.sta-intake-input {
background: rgba(255,255,255,.06);
border: 1px solid var(--sta-border2);
border-radius: var(--sta-radius-sm);
color: var(--sta-text);
font-size: 15px; font-family: inherit;
padding: 12px 14px;
outline: none;
transition: border-color .2s;
width: 100%; box-sizing: border-box;
}
.sta-intake-input::placeholder { color: var(--sta-hint); }
.sta-intake-input:focus {
border-color: var(--sta-accent);
box-shadow: 0 0 0 3px rgba(123,111,224,.15);
} @keyframes sta-fadein { from { opacity:0; transform:translateY(7px); } to { opacity:1; transform:translateY(0); } }
@keyframes sta-bounce { 0%,80%,100%{transform:scale(0);opacity:.3} 40%{transform:scale(1);opacity:1} }
@keyframes sta-blink  { 0%,100%{opacity:1} 50%{opacity:0} } @media (max-width: 600px) {
.sta-starfield { padding: 32px 16px; align-items: flex-start; padding-top: 40px; }
#sta-wrapper   { max-width: 100%; }
.sta-slot      { padding: 11px 12px; }
.sta-badge-row { padding-left: 0; }
.sta-payment-panel { padding: 16px 14px; }
.sta-payment-amount { font-size: 24px; }
.sta-card      { padding: 28px 20px; }
.sta-pay-context { padding: 12px 13px; }
.sta-chosen-slot-card { padding: 10px 12px; }
.sta-chosen-slot-label { font-size: 13px; }
} #sta-step-success {
width: 100%;
display: flex;
flex-direction: column;
gap: 16px;
}  .sta-success-hero {
position: relative;
text-align: center;
padding: 36px 24px 28px;
background: linear-gradient(160deg, rgba(34,197,94,.08) 0%, rgba(123,111,224,.06) 100%);
border: 1px solid rgba(34,197,94,.2);
border-radius: 22px;
overflow: hidden;
}
.sta-success-glow {
position: absolute;
top: -40px; left: 50%; transform: translateX(-50%);
width: 200px; height: 200px;
background: radial-gradient(circle, rgba(34,197,94,.18) 0%, transparent 70%);
pointer-events: none;
}
.sta-check-burst {
width: 70px; height: 70px;
border-radius: 50%;
background: rgba(34,197,94,.15);
border: 2px solid rgba(34,197,94,.45);
color: var(--sta-green);
display: flex; align-items: center; justify-content: center;
margin: 0 auto 16px;
box-shadow: 0 0 24px rgba(34,197,94,.2);
}
.sta-check-burst svg { width: 32px; height: 32px; }
.sta-success-badge {
display: inline-block;
font-size: 11px; font-weight: 600;
letter-spacing: .6px; text-transform: uppercase;
color: var(--sta-green);
background: rgba(34,197,94,.12);
border: 1px solid rgba(34,197,94,.3);
border-radius: 20px;
padding: 4px 12px;
margin-bottom: 14px;
}
.sta-success-title {
font-size: 26px; font-weight: 700;
color: #fff; margin: 0 0 10px;
letter-spacing: -.4px; line-height: 1.2;
}
.sta-success-subtitle {
font-size: 14px; color: var(--sta-muted);
margin: 0 0 16px; line-height: 1.6;
}
.sta-success-subtitle strong { color: var(--sta-text); }
.sta-success-slot-pill {
display: inline-flex;
align-items: center; gap: 7px;
background: rgba(123,111,224,.12);
border: 1px solid rgba(123,111,224,.25);
border-radius: 20px;
padding: 6px 14px;
font-size: 13px; color: var(--sta-accent);
font-weight: 500;
} .sta-success-section {
background: rgba(255,255,255,.03);
border: 1px solid rgba(255,255,255,.07);
border-radius: 18px;
padding: 22px 20px;
}
.sta-section-label {
font-size: 11px; font-weight: 700;
letter-spacing: .7px; text-transform: uppercase;
color: var(--sta-hint);
margin: 0 0 16px;
} .sta-timeline { display: flex; flex-direction: column; gap: 0; }
.sta-tl-item {
display: flex; align-items: flex-start; gap: 14px;
position: relative;
}
.sta-tl-item:not(:last-child)::before {
content: '';
position: absolute;
left: 15px; top: 30px;
width: 2px; height: calc(100% + 2px);
background: rgba(255,255,255,.07);
}
.sta-tl-dot {
width: 30px; height: 30px; border-radius: 50%; flex-shrink: 0;
border: 2px solid rgba(255,255,255,.1);
background: rgba(255,255,255,.04);
color: var(--sta-hint);
display: flex; align-items: center; justify-content: center;
margin-top: 2px;
}
.sta-tl-done {
border-color: rgba(34,197,94,.5);
background: rgba(34,197,94,.12);
color: var(--sta-green);
}
.sta-tl-active {
border-color: rgba(123,111,224,.5);
background: rgba(123,111,224,.12);
color: var(--sta-accent);
animation: sta-pulse-ring 2s ease-in-out infinite;
}
@keyframes sta-pulse-ring {
0%, 100% { box-shadow: 0 0 0 0 rgba(123,111,224,.3); }
50%       { box-shadow: 0 0 0 5px rgba(123,111,224,.0); }
}
.sta-tl-body {
padding-bottom: 18px;
display: flex; flex-direction: column; gap: 3px;
}
.sta-tl-body strong { font-size: 14px; color: var(--sta-text); font-weight: 600; }
.sta-tl-body span   { font-size: 12px; color: var(--sta-muted); line-height: 1.5; } .sta-prep-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
}
.sta-prep-item {
background: rgba(255,255,255,.03);
border: 1px solid rgba(255,255,255,.07);
border-radius: 14px;
padding: 14px 13px;
display: flex; flex-direction: column; gap: 5px;
}
.sta-prep-icon { font-size: 22px; line-height: 1; margin-bottom: 2px; }
.sta-prep-item strong { font-size: 13px; color: var(--sta-text); font-weight: 600; line-height: 1.3; }
.sta-prep-item span   { font-size: 12px; color: var(--sta-muted); line-height: 1.4; } .sta-goals-section { background: rgba(123,111,224,.05); border-color: rgba(123,111,224,.12); }
.sta-goals-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 12px; }
.sta-goals-list li { display: flex; align-items: flex-start; gap: 14px; }
.sta-goal-num {
font-size: 11px; font-weight: 700;
color: var(--sta-accent);
background: rgba(123,111,224,.15);
border: 1px solid rgba(123,111,224,.2);
border-radius: 8px;
padding: 3px 7px;
flex-shrink: 0;
margin-top: 1px;
letter-spacing: .3px;
}
.sta-goals-list li div:last-child { font-size: 13px; color: var(--sta-muted); line-height: 1.55; } .sta-contact-links { display: flex; flex-direction: column; gap: 10px; margin-bottom: 14px; }
.sta-contact-btn {
display: flex; align-items: center; gap: 10px;
padding: 13px 16px; border-radius: 13px;
font-size: 14px; font-weight: 500;
text-decoration: none; transition: all .18s;
}
.sta-contact-wa  { background: rgba(37,211,102,.1);  border: 1px solid rgba(37,211,102,.25);  color: #25D366; }
.sta-contact-wa:hover  { background: rgba(37,211,102,.18); }
.sta-contact-email     { background: rgba(123,111,224,.1); border: 1px solid rgba(123,111,224,.25); color: var(--sta-accent); }
.sta-contact-email:hover { background: rgba(123,111,224,.18); }
.sta-legal-note {
font-size: 11px; color: var(--sta-hint); margin: 0; line-height: 1.5;
font-style: italic; border-top: 1px solid rgba(255,255,255,.06); padding-top: 12px;
} @media (max-width: 480px) {
.sta-success-title { font-size: 21px; }
.sta-success-hero  { padding: 28px 18px 22px; }
.sta-success-section { padding: 18px 15px; }
.sta-prep-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
.sta-prep-item { padding: 12px 11px; }
} body.sta-fullpage {
margin: 0 !important;
padding: 0 !important;
overflow-x: hidden !important;
background: #08061a !important;
min-height: 100vh !important;
} body.sta-fullpage header,
body.sta-fullpage .site-header,
body.sta-fullpage #masthead,
body.sta-fullpage .header-main,
body.sta-fullpage nav.navbar,
body.sta-fullpage #navbar,
body.sta-fullpage .top-bar { display: none !important; } body.sta-fullpage footer,
body.sta-fullpage .site-footer,
body.sta-fullpage #colophon,
body.sta-fullpage .footer-widgets,
body.sta-fullpage #footer { display: none !important; } body.sta-fullpage #page,
body.sta-fullpage .site,
body.sta-fullpage main,
body.sta-fullpage #main,
body.sta-fullpage .site-content,
body.sta-fullpage #content,
body.sta-fullpage #primary,
body.sta-fullpage .content-area,
body.sta-fullpage article,
body.sta-fullpage .entry-content,
body.sta-fullpage .post-content,
body.sta-fullpage .page-content,
body.sta-fullpage .entry-header,
body.sta-fullpage .page-header,
body.sta-fullpage .wp-block-group,
body.sta-fullpage .wp-site-blocks,
body.sta-fullpage .is-layout-flow,
body.sta-fullpage .container,
body.sta-fullpage .container-fluid {
padding: 0 !important;
margin: 0 !important;
max-width: 100% !important;
width: 100% !important;
} body.sta-fullpage .sta-starfield {
min-height: 100vh !important;
min-height: 100dvh !important; width: 100% !important;
margin: 0 !important;
padding: 48px 20px !important;
box-sizing: border-box !important;
border-radius: 0 !important;
} @media (max-width: 600px) {
body.sta-fullpage .sta-starfield {
padding: 32px 16px 40px !important;
align-items: flex-start !important;
}
} body.sta-fullpage .sta-starfield {
position: fixed !important;
inset: 0 !important;
z-index: 99999 !important;
overflow-y: auto !important;
border-radius: 0 !important;
padding: 48px 20px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
@media (max-width: 600px) {
body.sta-fullpage .sta-starfield {
padding: 32px 16px 40px !important;
align-items: flex-start !important;
}
} .sta-success-cta {
text-align: center;
margin-top: 28px;
padding-bottom: 8px;
}
.sta-btn-home {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 14px 32px;
border-radius: 50px;
background: transparent;
border: 1.5px solid rgba(123,111,224,0.45);
color: rgba(255,255,255,0.65);
font-size: 0.9rem;
font-weight: 500;
letter-spacing: 0.03em;
text-decoration: none;
cursor: pointer;
transition: border-color 0.2s, color 0.2s, background 0.2s;
}
.sta-btn-home::before {
content: "←";
font-size: 1rem;
opacity: 0.7;
}
.sta-btn-home:hover {
border-color: rgba(123,111,224,0.8);
color: #fff;
background: rgba(123,111,224,0.1);
text-decoration: none;
}