*{box-sizing:border-box;font-family:'Poppins',sans-serif}body{margin:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 19px;border-radius:13px;font-size:13px;font-weight:700;transition:transform 0.25s ease,box-shadow 0.25s ease,background 0.25s ease}.button:hover{transform:translateY(-3px)}.button-primary{text-decoration:none;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;overflow:hidden;border:1px solid rgba(151,255,241,0.35);border-radius:14px;color:#06201f;background:linear-gradient(135deg,#75f6df 0%,#26c6c9 52%,#13a9c8 100%);box-shadow:0 14px 35px rgba(38,198,201,0.25),inset 0 1px 0 rgba(255,255,255,0.55);font:700 0.95rem/1 "Outfit",sans-serif;letter-spacing:0.2px;cursor:pointer;transition:transform 0.25s ease,box-shadow 0.25s ease,filter 0.25s ease}.button-primary::before{position:absolute;top:-60%;left:-75%;width:45%;height:220%;content:"";background:linear-gradient(90deg,transparent,rgba(255,255,255,0.5),transparent);transform:rotate(25deg);transition:left 0.65s ease}.button-primary:hover{box-shadow:0 18px 45px rgba(38,198,201,0.42),0 0 32px rgba(117,246,223,0.25);filter:brightness(1.06) saturate(1.1);transform:translateY(-3px)}.button-primary:hover::before{left:135%}.button-primary:active{transform:translateY(0) scale(0.97)}.button-primary:focus-visible{outline:3px solid rgba(117,246,223,0.65);outline-offset:4px}.button-secondary{border:1px solid var(--border-bright);background:rgba(255,255,255,0.035)}.button-secondary:hover{background:rgba(255,255,255,0.075)}.button-3{border:2px solid rgba(117,246,223,0.65);color:white;text-decoration:none}.button-4{position:relative;display:inline-block;padding:15px 36px;color:#ffd86b;text-decoration:none;text-transform:uppercase;font-size:15px;font-weight:700;letter-spacing:1.5px;border:2px solid #ffd86b;border-radius:50px;background:#111;overflow:hidden;transition:all .4s ease;box-shadow:0 8px 25px rgba(0,0,0,.35)}.button-4::before{content:"";position:absolute;top:0;left:-120%;width:120%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.45),transparent);transition:.8s}.button-4:hover{color:#111;background:linear-gradient(135deg,#ffd86b,#ffb347);border-color:#ffd86b;transform:translateY(-4px);box-shadow:0 15px 35px rgba(255,216,107,.45),0 0 30px rgba(255,216,107,.35)}.button-4:hover::before{left:120%}.button-4:active{transform:scale(.96)}.button-4:focus-visible{outline:none;box-shadow:0 0 0 4px rgba(255,216,107,.3),0 0 25px rgba(255,216,107,.5)}