.hero-btn{--btn-teal:#007977;--btn-teal-dark:#006462;--btn-gold:#ffbc89;--btn-gold-deep:#e58b42;cursor:pointer;border:none;border-radius:.875rem;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s;display:inline-flex;position:relative;overflow:hidden}@supports (color:lab(0% 0 0)){.hero-btn{--btn-teal:lab(46.2557% -60.4788 -15.0531);--btn-teal-dark:lab(38.0236% -57.2582 -14.1581);--btn-gold:lab(82.1214% 25.2966 42.3629);--btn-gold-deep:lab(66.8837% 30.8275 52.9277)}}.hero-btn:before{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 35%,#ffffff38 50%,#0000 65%);background:linear-gradient(105deg,#0000 35%,lab(100% 0 0/.22) 50%,#0000 65%);transition:transform .7s;position:absolute;inset:0;transform:translate(-130%)}.hero-btn:hover:before{transform:translate(130%)}.hero-btn:active{transform:scale(.97)!important}.hero-btn--primary{color:#fff;background:linear-gradient(135deg, var(--btn-teal), var(--btn-teal-dark) 60%, var(--btn-gold-deep));background-size:200% 200%;animation:4s ease-in-out infinite heroBtnGlow;box-shadow:0 4px 20px -4px #0079778c,0 2px 8px -2px #0079774d;box-shadow:0 4px 20px -4px lab(46.2557% -60.4788 -15.0531/.55),0 2px 8px -2px lab(46.2557% -60.4788 -15.0531/.3)}.hero-btn--primary:hover{background-position:100%;transform:translateY(-3px)scale(1.03);box-shadow:0 10px 36px -6px #00797799,0 4px 16px -4px #ffbc8959;box-shadow:0 10px 36px -6px lab(46.2557% -60.4788 -15.0531/.6),0 4px 16px -4px lab(82.1214% 25.2966 42.3629/.35)}.hero-btn--primary .hero-btn__icon{transition:transform .4s cubic-bezier(.22,1,.36,1)}.hero-btn--primary:hover .hero-btn__icon{transform:translate(4px)}.hero-btn--outline{color:var(--btn-teal);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:0;background:#ffffffb3 padding-box padding-box;background:lab(100% 0 0/.7) padding-box padding-box;border:2px solid #0000;position:relative;box-shadow:0 2px 12px -4px #0b191b1f;box-shadow:0 2px 12px -4px lab(7.37325% -5.05925 -3.72815/.12)}.hero-btn--outline:after{content:"";background:linear-gradient(135deg, var(--btn-teal), var(--btn-gold), var(--btn-teal));z-index:-1;background-size:200% 200%;border-radius:calc(.875rem + 2px);animation:5s infinite heroBtnBorderShift;position:absolute;inset:-2px}.hero-btn--outline:hover{color:var(--btn-teal-dark);background:#ffffffeb;background:lab(100% 0 0/.92);transform:translateY(-3px)scale(1.03);box-shadow:0 8px 28px -6px #00797740;box-shadow:0 8px 28px -6px lab(46.2557% -60.4788 -15.0531/.25)}.hero-btn--outline .hero-btn__sparkle{opacity:0;transition:opacity .3s,transform .4s}.hero-btn--outline:hover .hero-btn__sparkle{opacity:1;transform:rotate(15deg)scale(1.2)}.hero-btn--secondary{color:#0b191b;color:lab(7.37325% -5.05925 -3.72815);background:linear-gradient(135deg, var(--btn-gold), #ffddc5);background-size:200% 200%;box-shadow:0 4px 24px -4px #0b191b40,inset 0 1px #fff6;box-shadow:0 4px 24px -4px lab(7.37325% -5.05925 -3.72815/.25),inset 0 1px lab(100% 0 0/.4)}@supports (color:lab(0% 0 0)){.hero-btn--secondary{background:linear-gradient(135deg, var(--btn-gold), lab(90.3562% 20.4611 34.2685))}}.hero-btn--secondary:hover{background-position:100%;transform:translateY(-3px)scale(1.05);box-shadow:0 12px 40px -8px #0b191b59,inset 0 1px #ffffff80;box-shadow:0 12px 40px -8px lab(7.37325% -5.05925 -3.72815/.35),inset 0 1px lab(100% 0 0/.5)}.hero-btn--nav-login{color:var(--btn-teal);box-shadow:none;background:0 0;border:1.5px solid #00797759;border:1.5px solid lab(46.2557% -60.4788 -15.0531/.35);border-radius:.625rem;padding:.5rem 1.125rem;font-size:.875rem}.hero-btn--nav-login:hover{border-color:var(--btn-teal);background:#0079770f;background:lab(46.2557% -60.4788 -15.0531/.06);transform:translateY(-2px);box-shadow:0 4px 16px -4px #00797733;box-shadow:0 4px 16px -4px lab(46.2557% -60.4788 -15.0531/.2)}.hero-btn--nav-signup{color:#fff;background:linear-gradient(135deg, var(--btn-teal), var(--btn-teal-dark));border-radius:.625rem;padding:.5rem 1.25rem;font-size:.875rem;box-shadow:0 4px 14px -3px #00797773;box-shadow:0 4px 14px -3px lab(46.2557% -60.4788 -15.0531/.45)}.hero-btn--nav-signup:hover{transform:translateY(-2px)scale(1.04);box-shadow:0 6px 20px -3px #0079778c;box-shadow:0 6px 20px -3px lab(46.2557% -60.4788 -15.0531/.55)}.hero-btn-group{flex-direction:column;gap:1rem;display:flex}@media (min-width:640px){.hero-btn-group{flex-direction:row}}@keyframes heroBtnGlow{0%,to{background-position:0%;box-shadow:0 4px 20px -4px #0079778c,0 2px 8px -2px #0079774d;box-shadow:0 4px 20px -4px lab(46.2557% -60.4788 -15.0531/.55),0 2px 8px -2px lab(46.2557% -60.4788 -15.0531/.3)}50%{background-position:100%;box-shadow:0 6px 28px -4px #007977a6,0 4px 12px -2px #ffbc8940;box-shadow:0 6px 28px -4px lab(46.2557% -60.4788 -15.0531/.65),0 4px 12px -2px lab(82.1214% 25.2966 42.3629/.25)}}@keyframes heroBtnBorderShift{0%,to{background-position:0%}50%{background-position:100%}}@media (prefers-reduced-motion:reduce){.hero-btn--primary,.hero-btn--outline:after{animation:none}.hero-btn,.hero-btn:before{transition:none}}