/* Mahavir-style hero + header + animated buttons, on The Wealth palette */
.qbtn{--c1:#2563eb;--c2:#1e3a8a;--glow:37,99,235;position:relative;overflow:hidden;isolation:isolate;display:inline-flex;align-items:center;gap:9px;min-height:46px;padding:7px 15px 7px 7px;border:0;border-radius:12px;color:#fff;font:700 13px/1.2 var(--f-b);letter-spacing:.2px;text-decoration:none;
  background:linear-gradient(120deg,var(--c1),var(--c2),var(--c1));background-size:200% 100%;box-shadow:0 4px 12px rgba(var(--glow),.30),inset 0 1px 0 rgba(255,255,255,.28);
  transition:transform .28s cubic-bezier(.2,.9,.3,1.3),box-shadow .28s ease;animation:qbIn .6s cubic-bezier(.2,.8,.2,1) backwards,qbFlow 7s ease-in-out infinite alternate;animation-delay:calc(var(--i)*70ms),0s}
.qbtn::before{content:"";position:absolute;z-index:-1;top:0;left:-80%;width:45%;height:100%;background:linear-gradient(110deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);animation:qbShine 5.5s ease-in-out infinite;animation-delay:calc(var(--i)*420ms)}
.qbtn::after{content:"→";width:0;opacity:0;margin-left:-6px;overflow:hidden;font-size:14px;flex:none;transition:width .25s,opacity .25s,margin .25s}
.qbtn:hover::after,.qbtn:focus-visible::after{width:14px;opacity:1;margin-left:-2px}
.qi{display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:50%;background:#fff;font-size:15px;line-height:1;box-shadow:0 2px 6px rgba(0,0,0,.22);transition:transform .35s cubic-bezier(.3,1.6,.4,1)}
.qbtn:hover .qi,.qbtn:focus-visible .qi{transform:rotate(-14deg) scale(1.18)}
.qt{position:relative}
.qbtn:hover,.qbtn:focus-visible{transform:translateY(-4px) scale(1.04);box-shadow:0 12px 24px rgba(var(--glow),.45),0 0 0 3px rgba(var(--glow),.22),inset 0 1px 0 rgba(255,255,255,.35);background-position:100% 0;color:#fff;outline:none}
.qbtn:active{transform:translateY(-1px) scale(.97)}
.c-blue{--c1:#3b82f6;--c2:#1e3a8a;--glow:37,99,235}.c-teal{--c1:#2dd4bf;--c2:#0f766e;--glow:13,148,136}
.c-amber{--c1:#fbbf24;--c2:#b45309;--glow:217,119,6}.c-purple{--c1:#a78bfa;--c2:#5b21b6;--glow:124,58,237}
.c-green{--c1:#34d399;--c2:#047857;--glow:16,185,129}.c-indigo{--c1:#22d3ee;--c2:#4338ca;--glow:67,56,202}
.c-fuchsia{--c1:#e879f9;--c2:#86198f;--glow:192,38,211}.c-orange{--c1:#fb923c;--c2:#c2410c;--glow:234,88,12}
.qbtn.pulse{min-height:50px;padding:8px 20px 8px 8px;font-size:14px;animation:qbIn .6s cubic-bezier(.2,.8,.2,1) backwards,qbFlow 7s ease-in-out infinite alternate,qbPulse 2.2s ease-out infinite;animation-delay:calc(var(--i)*70ms),0s,1s}
.qbtn.pulse .qi{width:34px;height:34px;font-size:17px}
@keyframes qbIn{from{opacity:0;transform:translateY(-14px) scale(.9)}to{opacity:1;transform:none}}
@keyframes qbFlow{from{background-position:0 0}to{background-position:100% 0}}
@keyframes qbShine{0%{left:-80%}35%,100%{left:140%}}
@keyframes qbPulse{0%{box-shadow:0 4px 12px rgba(16,185,129,.30),0 0 0 0 rgba(16,185,129,.55)}70%,100%{box-shadow:0 4px 12px rgba(16,185,129,.30),0 0 0 13px rgba(16,185,129,0)}}

/* header */
.main-header .wrap{gap:18px}
.hdr-btns{display:flex;gap:12px;align-items:center}

/* hero: two columns, text left + registration card right */
.hero .wrap.hero-inner{display:grid;grid-template-columns:1.25fr .75fr;gap:44px;align-items:center;padding-top:52px;padding-bottom:112px}
.hero h1{white-space:normal;font-size:clamp(30px,4.3vw,54px)}
.hero p{white-space:normal;font-size:clamp(15px,1.5vw,17.5px);max-width:560px;margin-bottom:6px}
.hero .actions{margin-top:26px}
.hero .btn{border-radius:50px}
.hero .btn.ghost .ring{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#34d399,#047857);font-size:13px;transition:transform .3s}
.hero .btn.ghost:hover .ring{transform:rotate(-12deg) scale(1.12)}
.hero .btn.primary .arr{transition:transform .25s}.hero .btn.primary:hover .arr{transform:translateX(5px)}
.registration-card{background:rgba(255,255,255,.97);color:var(--ink);border-radius:20px;padding:32px 30px 20px;max-width:400px;justify-self:end;width:100%;box-shadow:0 24px 60px rgba(0,0,0,.35)}
.reg-title{display:flex;align-items:center;gap:16px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.seal{display:grid;place-items:center;width:46px;height:46px;flex:none;border-radius:50%;background:#e8f1fb;color:#064d83;font-size:20px}
.reg-title h2{font:700 16px/1.25 var(--f-d);letter-spacing:0;color:var(--ink)}
.reg-title p{font-size:13px;color:var(--mut);margin-top:6px}
.reg-row{display:flex;justify-content:space-between;gap:14px;padding:16px 0;border-bottom:1px solid var(--line);font-size:15px}
.reg-row:last-child{border-bottom:0}.reg-row span{color:var(--mut)}.reg-row strong{color:var(--ink)}

/* animated button band under hero */
.btn-band{position:relative;z-index:5;margin-top:-62px;padding:0 24px 10px;background:linear-gradient(180deg,transparent 62px,var(--paper) 62px)}
.btn-band .hero-btns{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:1000px;margin:0 auto;padding:18px;background:#fff;border-radius:22px;border:1px solid var(--line);box-shadow:0 24px 60px rgba(14,23,48,.16)}
.btn-band .qbtn{min-height:58px}

@media(max-width:1000px){
  .hero .wrap.hero-inner{grid-template-columns:1fr;padding-bottom:100px}
  .registration-card{justify-self:start;max-width:none}
  .main-header .wrap{flex-wrap:wrap;padding-top:10px;padding-bottom:10px}
  .hdr-btns{width:100%;flex-wrap:wrap}.hdr-btns .qbtn{flex:1 1 150px;justify-content:center}
}
@media(max-width:640px){.btn-band{padding:0 12px 10px}.btn-band .hero-btns{grid-template-columns:repeat(2,1fr);padding:12px}.btn-band .qbtn{font-size:12px}}
@media(prefers-reduced-motion:reduce){.qbtn,.qbtn::before,.qbtn.pulse{animation:none}}