.login-select-page[data-v-b6d50270]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:#f5f5f7;padding:20px}.logo-section[data-v-b6d50270]{text-align:center;margin-bottom:50px}.logo[data-v-b6d50270]{font-size:3.5em;font-weight:700;color:#333;margin-bottom:10px}.logo-subtitle[data-v-b6d50270]{font-size:1.2em;color:#666}.login-select-container[data-v-b6d50270]{display:flex;align-items:center;justify-content:center;width:100%;max-width:500px}.login-select-card[data-v-b6d50270]{background:#fff;border:solid 3px var(--el-color-primary);border-radius:15px;padding:40px;box-shadow:0 15px 30px #0000001a;text-align:center;width:100%}.login-select-card h2[data-v-b6d50270]{color:#333;margin-bottom:10px;font-size:2em;font-weight:700}.login-select-card p[data-v-b6d50270]{color:#666;margin-bottom:30px;font-size:1.1em}.button-container[data-v-b6d50270]{display:flex;flex-direction:column;gap:20px}.role-button[data-v-b6d50270]{display:flex;align-items:center;padding:20px;border:2px solid var(--el-color-primary);border-radius:10px;background:#fff;cursor:pointer;transition:all .3s ease;text-align:left;width:100%}.role-button[data-v-b6d50270]:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0000001a}.teacher-button[data-v-b6d50270]:hover{border-color:#4caf50;background:#f1f8e9}.student-button[data-v-b6d50270]:hover{border-color:#2196f3;background:#e3f2fd}.role-icon[data-v-b6d50270]{font-size:2.5em;margin-right:20px;min-width:60px}.role-text h3[data-v-b6d50270]{margin:0 0 5px;color:#333;font-size:1.3em;font-weight:700}.role-text p[data-v-b6d50270]{margin:0;color:#666;font-size:.9em}@media (max-width: 480px){.logo[data-v-b6d50270]{font-size:2.5em}.logo-subtitle[data-v-b6d50270]{font-size:1em}.login-select-card[data-v-b6d50270]{padding:20px}.role-button[data-v-b6d50270]{padding:15px}.role-icon[data-v-b6d50270]{font-size:2em;margin-right:15px;min-width:50px}}