@keyframes float1{0%,to{transform:translate(0)}50%{transform:translate(20px,-15px)}}@keyframes float2{0%,to{transform:translate(0)}50%{transform:translate(-15px,20px)}}@keyframes float3{0%,to{transform:translate(0)}50%{transform:translate(10px,25px)}}@media (prefers-reduced-motion: no-preference){@keyframes pulse-ring{0%{box-shadow:0 0 0 0 var(--pulse-color, rgba(0,125,136,.3))}70%{box-shadow:0 0 0 14px transparent}to{box-shadow:0 0 0 0 transparent}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes float-particle{0%,to{transform:translateY(0) translate(0);opacity:.25}25%{transform:translateY(-30px) translate(10px);opacity:.5}50%{transform:translateY(-50px) translate(-5px);opacity:.25}75%{transform:translateY(-20px) translate(-15px);opacity:.45}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{50%{border-color:transparent}}@keyframes cta-pulse{0%{box-shadow:0 4px 20px #007d884d,0 0 #007d8866}70%{box-shadow:0 4px 20px #007d884d,0 0 0 12px #007d8800}to{box-shadow:0 4px 20px #007d884d,0 0 #007d8800}}@keyframes stagger-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}}.pulse-icon:where(.astro-5upvupmi){animation:pulse-ring 2.5s ease-out infinite;will-change:box-shadow}.pulse-icon-teal:where(.astro-5upvupmi){--pulse-color: rgba(0,125,136,.3)}.pulse-icon-indigo:where(.astro-5upvupmi){--pulse-color: rgba(99,102,241,.3)}.pulse-icon-emerald:where(.astro-5upvupmi){--pulse-color: rgba(16,185,129,.3)}.pulse-icon-amber:where(.astro-5upvupmi){--pulse-color: rgba(245,158,11,.3)}.gradient-border:where(.astro-5upvupmi){position:relative;border-radius:16px;padding:1px;background:linear-gradient(135deg,#007d88,#22d3ee,#6366f1,#007d88);background-size:300% 300%;animation:gradient-shift 6s ease infinite}.gradient-border:where(.astro-5upvupmi)>div:where(.astro-5upvupmi){background:#001d25;border-radius:15px}.floating-particle:where(.astro-5upvupmi){position:absolute;border-radius:50%;background:#22d3ee80;pointer-events:none;animation:float-particle var(--dur, 6s) ease-in-out infinite;animation-delay:var(--delay, 0s);will-change:transform,opacity}.code-typing:where(.astro-5upvupmi){display:inline-block;overflow:hidden;white-space:nowrap;border-right:2px solid #22d3ee;animation:typing 2.5s steps(35) .5s forwards,blink-caret .75s step-end infinite;width:0}.cta-pulse:where(.astro-5upvupmi){animation:cta-pulse 2.5s ease-out infinite}.step-card:where(.astro-5upvupmi){will-change:transform,opacity}@media (prefers-reduced-motion: reduce){.pulse-icon:where(.astro-5upvupmi),.gradient-border:where(.astro-5upvupmi),.floating-particle:where(.astro-5upvupmi),.code-typing:where(.astro-5upvupmi),.cta-pulse:where(.astro-5upvupmi),.step-card:where(.astro-5upvupmi){animation:none!important}.code-typing:where(.astro-5upvupmi){width:100%;border-right:none}}.window-chrome:where(.astro-5upvupmi){border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.08);box-shadow:0 25px 60px #0006,0 8px 20px #0003;background:#1a1a2e}.window-chrome-light:where(.astro-5upvupmi){border-radius:12px;overflow:hidden;border:1px solid rgba(0,0,0,.08);box-shadow:0 20px 50px #0000001f,0 8px 20px #0000000f;background:#fff}.window-titlebar:where(.astro-5upvupmi){padding:10px 14px;display:flex;align-items:center;gap:7px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.06)}.window-titlebar-light:where(.astro-5upvupmi){padding:10px 14px;display:flex;align-items:center;gap:7px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.dot-red:where(.astro-5upvupmi){width:10px;height:10px;border-radius:50%;background:#ef4444}.dot-yellow:where(.astro-5upvupmi){width:10px;height:10px;border-radius:50%;background:#f59e0b}.dot-green:where(.astro-5upvupmi){width:10px;height:10px;border-radius:50%;background:#22c55e}.code-block:where(.astro-5upvupmi){padding:24px;border-radius:12px;background:#0c1222;border:1px solid rgba(255,255,255,.06);font-family:Geist Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;line-height:1.7;overflow-x:auto}.tab-btn:where(.astro-5upvupmi){padding:10px 20px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:#94a3b8;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s ease}.tab-btn-active:where(.astro-5upvupmi){border-color:#007d88;background:#007d881a;color:#22d3ee}
