[x-cloak]{display:none!important}
.btn-grad{background:linear-gradient(120deg,#0b8ad8,#1fb3d8 40%,#f7941d 100%);background-size:200%;transition:background-position .4s,transform .2s}
.btn-grad:hover{background-position:100% 0;transform:translateY(-2px)}
.fld{width:100%;padding:.7rem .9rem;border-radius:.6rem;border:1px solid #cbd5e1;background:transparent;color:inherit}
.fld:focus{outline:2px solid #0b8ad8;outline-offset:1px}
.dark .fld{border-color:#334155}.dark .fld option{color:#000}
#loader{position:fixed;inset:0;z-index:99;display:grid;place-items:center;background:#fff;transition:opacity .5s}
.dark #loader{background:#0b1424}#loader img{animation:pop 1s infinite alternate}#loader.hide{opacity:0;pointer-events:none}
@keyframes pop{to{transform:scale(1.2) rotate(6deg)}}
.hero-bg{background:radial-gradient(circle at 15% 20%,#1fb3d833,transparent 45%),radial-gradient(circle at 85% 30%,#f7941d33,transparent 40%),radial-gradient(circle at 60% 90%,#e63e2a22,transparent 40%)}
.rv{opacity:0;transform:translateY(24px);transition:.7s}.rv.in{opacity:1;transform:none}
.card{transition:transform .25s,box-shadow .25s}.card:hover{transform:translateY(-6px);box-shadow:0 18px 40px -18px #0b8ad888}
.wa-pulse{animation:wa 2s infinite}@keyframes wa{0%{box-shadow:0 0 0 0 #25d36699}100%{box-shadow:0 0 0 20px #25d36600}}
.marquee{display:flex;gap:1rem;width:max-content;animation:mq 30s linear infinite}@keyframes mq{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}}
/* ---- v2 animations ---- */
#bar{position:fixed;top:0;left:0;height:3px;width:0;z-index:100;background:linear-gradient(90deg,#0b8ad8,#1fb3d8,#f7941d,#e63e2a)}
#loader{animation:lh .4s 2.5s forwards}@keyframes lh{to{opacity:0;visibility:hidden}}
#loader img{animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.js .rv{opacity:0;transform:translateY(28px) scale(.98);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
.js .rv.in{opacity:1;transform:none}
.hero-in>*{opacity:0;animation:up .8s cubic-bezier(.2,.7,.2,1) forwards}
.hero-in>*:nth-child(1){animation-delay:.2s}.hero-in>*:nth-child(2){animation-delay:.35s}.hero-in>*:nth-child(3){animation-delay:.5s}.hero-in>*:nth-child(4){animation-delay:.65s}.hero-in>*:nth-child(5){animation-delay:.8s}
@keyframes up{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
.blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.45;animation:drift 14s ease-in-out infinite alternate;pointer-events:none}
@keyframes drift{to{transform:translate(60px,-40px) scale(1.2)}}
.chip{position:absolute;display:flex;align-items:center;gap:.5rem;padding:.55rem .95rem;border-radius:999px;font-weight:600;font-size:.85rem;background:#fff;color:#0b1424;box-shadow:0 12px 30px -10px #0b8ad877;animation:bob 5s ease-in-out infinite}
.dark .chip{background:#111c33;color:#fff}
@keyframes bob{50%{transform:translateY(-14px)}}
.orb{animation:pulse 4s ease-in-out infinite}@keyframes pulse{50%{box-shadow:0 0 0 28px #1fb3d800;transform:scale(1.04)}}
.rot{display:inline-block;transition:.3s;background:linear-gradient(90deg,#0b8ad8,#1fb3d8,#f7941d,#e63e2a);-webkit-background-clip:text;background-clip:text;color:transparent}.rot.out{opacity:0;transform:translateY(10px)}
.card{position:relative;overflow:hidden}
.card::before{content:"";position:absolute;inset:0;opacity:0;transition:opacity .3s;background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),#1fb3d833,transparent 70%);pointer-events:none}
.card:hover::before{opacity:1}
.mega-link i{transition:transform .2s}.mega-link:hover i{transform:scale(1.25)}
@media(prefers-reduced-motion:reduce){.hero-in>*{opacity:1}.blob,.chip,.orb,#loader img{animation:none}}