*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;font-family:'Fredoka',sans-serif;background-color:#e0f2fe;background-image:radial-gradient(circle at 50% 0,#fff 0,#e0f2fe 70%);color:#0f172a;display:flex;flex-direction:column;align-items:center;justify-content:center}.bg-shapes{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.shape{position:absolute;opacity:.4;animation:float 15s infinite linear}.s1{top:10%;left:10%;width:clamp(40px,8vw,80px);height:clamp(40px,8vw,80px);background:#f59e0b;border-radius:15%;transform:rotate(15deg)}.s2{bottom:20%;right:15%;width:clamp(50px,10vw,100px);height:clamp(50px,10vw,100px);background:#10b981;border-radius:20%;transform:rotate(45deg)}.s3{top:30%;right:10%;width:clamp(30px,6vw,60px);height:clamp(30px,6vw,60px);background:#ef4444;border-radius:50%}.s4{bottom:15%;left:20%;width:clamp(35px,7vw,70px);height:clamp(35px,7vw,70px);background:#3b82f6;border-radius:15%;transform:rotate(-20deg)}main{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;text-align:center;padding:1rem;width:100%;max-width:800px}.logo-container{margin-bottom:1.5rem;animation:bounce 3s infinite ease-in-out}.logo-container img{height:clamp(80px,12vw,120px);width:auto;filter:drop-shadow(0 8px 12px rgba(0,0,0,.15))}h1{font-size:clamp(2.5rem,8vw,5.5rem);line-height:1.1;margin-bottom:1rem;text-transform:uppercase;letter-spacing:1px;font-weight:700;background:linear-gradient(270deg,#ef4444,#f59e0b,#10b981,#3b82f6,#8b5cf6,#ef4444);background-size:2000% 2000%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:ambientColor 30s ease infinite;filter:drop-shadow(0 4px 2px rgba(0,0,0,.1))}p{font-size:clamp(1rem,3vw,1.25rem);line-height:1.5;margin-bottom:2rem;max-width:650px;font-weight:400;color:#334155;text-shadow:0 1px 1px rgba(255,255,255,.8)}.cta-wrapper{position:relative}.cta{display:inline-flex;align-items:center;justify-content:center;background:#ef4444;color:#fff;text-decoration:none;font-size:clamp(1.2rem,4vw,1.8rem);font-weight:700;padding:1rem 3rem;border-radius:50px;border:4px solid #7f1d1d;box-shadow:0 8px 0 #991b1b,0 15px 25px rgba(239,68,68,.4);text-transform:uppercase;transition:all .1s;cursor:pointer;letter-spacing:1px}.cta:active{transform:translateY(8px);box-shadow:0 0 0 #991b1b,0 5px 10px rgba(239,68,68,.4)}.cta:hover{background:#f87171}.cta:focus-visible{outline:4px solid #f59e0b;outline-offset:4px}.badges{display:flex;gap:1rem;margin-top:2.5rem;justify-content:center;align-items:center;flex-wrap:wrap}.badge{background:#fff;padding:.4rem .8rem;border-radius:20px;font-size:clamp(.7rem,2vw,.85rem);font-weight:700;color:#475569;display:flex;align-items:center;gap:.4rem;border:2px solid #cbd5e1;box-shadow:0 4px 0 #cbd5e1}.badge.lighthouse{color:#047857;border-color:#6ee7b7;box-shadow:0 4px 0 #6ee7b7}footer{position:absolute;bottom:1.5rem;left:0;right:0;margin:0 auto;width:100%;display:flex;justify-content:center;text-align:center;font-size:.8rem;color:#64748b;font-weight:400;z-index:10;padding:0 1rem}.social-proof{margin-top:1.5rem;font-size:1rem;color:#475569;display:flex;align-items:center;justify-content:center;gap:.6rem;font-weight:700}.pulse-dot{width:12px;height:12px;background-color:#10b981;border-radius:50%;box-shadow:0 0 0 0 rgba(16,185,129,.7);animation:pulse 2s infinite}@keyframes ambientColor{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes float{0%{transform:translate(0,0) rotate(0deg)}25%{transform:translate(20px,-30px) rotate(10deg)}50%{transform:translate(40px,0) rotate(20deg)}75%{transform:translate(20px,30px) rotate(10deg)}100%{transform:translate(0,0) rotate(0deg)}}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(16,185,129,.7)}70%{box-shadow:0 0 0 10px rgba(16,185,129,0)}100%{box-shadow:0 0 0 0 rgba(16,185,129,0)}}