.login-choice-panel{max-width:720px!important}.login-choice-panel h2{font-size:24px;color:#713448}.login-role-choices{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}.login-role-choices button{display:flex;flex-direction:column;align-items:center;gap:7px;padding:25px 15px;background:linear-gradient(140deg,#fff8e8,#f5e4e9);color:#713448;border:2px solid #d6bf99;border-radius:20px;transition:transform .2s,box-shadow .2s}.login-role-choices button>span{font-size:42px}.login-role-choices strong{font-size:23px}.login-role-choices small{font-size:13px}.login-role-choices button[aria-pressed=true]{background:linear-gradient(120deg,#713448,#96516a);color:#fff8e5;border-color:#ba924d;box-shadow:0 7px 20px #71344825}.login-role-choices button:hover{transform:translateY(-2px)}.login-instructions{background:#fff6df;border:1px solid #d9c18c;border-inline-start:5px solid #a8843e;padding:20px;border-radius:16px;margin-bottom:22px;line-height:1.9;color:#66404e}.login-instructions p{margin:8px 0}.login-choice-panel [hidden]{display:none!important}.login-admin-entry{display:block;margin:22px auto 0;padding:6px 12px;background:transparent;color:#713448;border:0;text-decoration:underline;font-size:13px}.login-role-choices button:focus-visible{outline:3px solid #a47938;outline-offset:4px}@media(max-width:480px){.login-role-choices{gap:10px}.login-role-choices strong{font-size:19px}.login-role-choices button{padding:18px 9px}.login-instructions{padding:15px}}@media(prefers-reduced-motion:reduce){.login-role-choices button{transition:none}}
.login-role-choices button>.student-backpack-pair{display:flex;align-items:center;justify-content:center;gap:5px;width:100%;min-height:96px;font-size:76px;line-height:1.15;margin:0 0 8px;direction:ltr}.student-backpack-pair .student-backpack{display:block;filter:drop-shadow(0 5px 4px #71344820);font-family:'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',sans-serif!important}.student-backpack-pair .pink-backpack{filter:hue-rotate(325deg) saturate(.85) brightness(1.15) drop-shadow(0 5px 4px #71344820);transform:rotate(-9deg)}.student-backpack-pair .blue-backpack{filter:hue-rotate(205deg) saturate(.9) brightness(1.15) drop-shadow(0 5px 4px #24397120);transform:rotate(9deg)}@media(max-width:480px){.login-role-choices button>.student-backpack-pair{font-size:57px;min-height:75px;gap:0}}