.gate-buttons{display:grid;grid-template-columns:1.1fr 1fr;gap:16px;padding:8px 0 5px;max-width:540px}
.gate-buttons button{position:relative;isolation:isolate;overflow:hidden;min-height:66px;padding:18px 24px;border-radius:13px;font-size:16px;font-weight:600;line-height:1.4;letter-spacing:.4px;transition:transform .2s,box-shadow .2s,background .2s;-webkit-tap-highlight-color:transparent;animation:gateButtonFloat 4s ease-in-out infinite}
.gate-buttons button:first-child{background:linear-gradient(115deg,#dec08c,#f6e3be,#e6c997);border-color:#f8e6bf;box-shadow:0 8px 24px #0003,0 0 20px #e1bd7926}
.gate-buttons button:last-child{background:linear-gradient(120deg,#224f61,#173c4e);border-color:#b4c9c2a6;box-shadow:0 8px 24px #0002;animation-delay:-2s}
.gate-buttons button:before{content:'';position:absolute;inset:-80% auto -80% -70%;width:35%;background:linear-gradient(90deg,transparent,#fff7,transparent);transform:rotate(23deg);pointer-events:none;animation:gateButtonShine 5.5s ease-in-out infinite}
.gate-buttons button:last-child:before{animation-delay:2.75s;opacity:.55}
.gate-buttons button:hover{animation-play-state:paused;transform:translateY(-4px);box-shadow:0 12px 30px #0004,0 0 0 3px #e3c79125}
.gate-buttons button:active{animation:none;transform:translateY(1px) scale(.97);box-shadow:0 3px 10px #0003}
.gate-buttons button:disabled{animation:none}.gate-buttons button:disabled:before{animation:none;display:none}
@keyframes gateButtonFloat{0%,100%{translate:0 0}50%{translate:0 -4px}}
@keyframes gateButtonShine{0%,65%{left:-70%;opacity:0}70%{opacity:.8}92%,100%{left:150%;opacity:0}}
@media(max-width:760px){.gate-buttons{gap:12px;max-width:none}.gate-buttons button{min-height:68px;padding:18px 10px;font-size:15px;border-radius:12px}}
@media(max-width:350px){.gate-buttons{grid-template-columns:1fr}.gate-buttons button{min-height:60px}}
@media(prefers-reduced-motion:reduce){.gate-buttons button,.gate-buttons button:before{animation:none}.gate-buttons button{transition:none}}