/* Shared capsule actions: student, teacher and sign-in forms. */
body .button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:58px;padding:14px 25px;border-radius:99px;font-size:16px;font-weight:700;cursor:pointer;transition:transform .25s,translate .25s,box-shadow .25s,background .25s}
body :is(.button-primary,.button.primary){color:#fff;background:linear-gradient(125deg,#ff9c00,#ff7500);border:1px solid #ffd264;box-shadow:inset 0 2px 3px #ffe58a88,0 8px 32px #ff850033;text-shadow:0 2px 4px #9a450050}
body .button-secondary{border:2px solid #a747ec;background:#29076830;color:#fff}
body .button:focus-visible{outline:3px solid #ffd084;outline-offset:5px}
.auth-page .auth-submit{height:54px;min-height:54px}
.auth-submit>span{font-size:28px;line-height:1}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 body .button:hover{box-shadow:0 12px 38px #a436ef38}
 body :is(.button-primary,.button.primary):hover{box-shadow:inset 0 2px 3px #ffe58a88,0 12px 38px #ff8b0066}
 body .button :is(.button-arrow,svg),.auth-submit>span{transition:transform .25s}
 body .button:hover .button-arrow,.auth-submit:hover>span{transform:translateX(5px)}
 body .button:hover .play-icon{background:#963cf044}
}
@media(max-width:700px){body .button{min-height:48px;font-size:14px;padding:12px 18px;gap:12px}}
@media(prefers-reduced-motion:reduce){body .button{transition:none;transform:none!important;translate:none!important}}

@media(hover:hover) and (prefers-reduced-motion:no-preference){
 body .button:hover{transform:translateY(-6px) scale(1.025)!important;translate:none!important;filter:brightness(1.08)}
 body .button:active{transform:scale(.96)!important}
}
@media(prefers-reduced-motion:no-preference){body .button{transition:transform .25s cubic-bezier(.2,0,0,1),box-shadow .25s,filter .25s,background .25s}}
@media(prefers-reduced-motion:reduce){body .button:hover{filter:brightness(1.12)}}