:root { --ring: rgba(255,255,255,.1); }
* { font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }
.navlink { color: rgba(255,255,255,.8); padding: .5rem .75rem; border-radius: .5rem; }
.navlink:hover { color: #fff; background: rgba(255,255,255,.06); }
.section { padding: 4rem 0; }
.h2 { font-size: clamp(1.75rem, 2.5vw, 2.25rem); font-weight: 800; text-align: center; margin-bottom: 2rem; }
.input { width: 100%; padding: .65rem .8rem; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.15); border-radius: .75rem; color: #fff; }
.label { color: rgba(255,255,255,.8); font-size: .9rem; }
.card { border: 1px solid rgba(255,255,255,.1); background: rgba(255,255,255,.05); backdrop-filter: blur(6px); border-radius: 1rem; }
.btn-primary { background: #fbbf24; color: #0f172a; font-weight: 700; padding: .7rem 1rem; border-radius: .8rem; }
.btn-primary:hover { background: #f59e0b; }
.btn-outline { border: 1px solid rgba(255,255,255,.25); color: #fff; padding: .7rem 1rem; border-radius: .8rem; }
.btn-outline:hover { background: rgba(255,255,255,.06); }
.btn-white { background: #fff; color: #0f172a; padding: .7rem 1rem; border-radius: .8rem; font-weight: 700; }
.fab { height: 3rem; width: 3rem; display: grid; place-items: center; border-radius: 9999px; box-shadow: 0 10px 30px rgba(0,0,0,.4); color: #0f172a; font-weight: 800; }
.fab-wa { background: #34d399; }
.fab-tg { background: #38bdf8; }
.modal { position: fixed; inset: 0; display: none; align-items: center; justify-content: center; background: rgba(2,6,23,.7); z-index: 60; }
.modal-content { width: min(600px, 94vw); background: rgba(2,6,23,.9); border: 1px solid rgba(255,255,255,.12); border-radius: 1rem; padding: 1.25rem; position: relative; }
.modal.show { display: flex; }
.modal-close { position: absolute; top: .5rem; right: .75rem; color: #fff; font-size: 1.5rem; background: transparent; border: 0; }
.blob { position: absolute; border-radius: 9999px; filter: blur(36px); opacity: .35; animation: float 12s ease-in-out infinite; }
.blob-1 { height: 18rem; width: 18rem; background: linear-gradient(45deg,#fbbf24,#f97316); top:-6rem; left:-6rem; }
.blob-2 { height: 20rem; width: 20rem; background: linear-gradient(45deg,#d946ef,#f472b6); top: 30%; right:-5rem; animation-delay: -3s; }
.blob-3 { height: 24rem; width: 24rem; background: linear-gradient(45deg,#0ea5e9,#22d3ee); bottom:-8rem; left: 50%; transform: translateX(-50%); animation-delay: -6s; }
@keyframes float { 0%,100% { transform: translateY(0) } 50% { transform: translateY(-12px) } }