.teacher-or-student{flex-direction:column;justify-content:center;min-height:80vh;display:flex}.role-card{cursor:pointer;border:1px solid #e0e0e0;border-radius:10px;transition:transform .3s,box-shadow .3s;overflow:hidden}.role-card:hover{color:#fff;background-color:#6495ed;transform:translateY(-10px);box-shadow:0 10px 20px #0000001a!important}.role-card:active{transform:translateY(-5px)}.icon-container{justify-content:center;align-items:center;height:100px;display:flex}.display-4{color:#333;margin-bottom:1rem}.btn-outline-primary{border-width:2px;transition:all .3s}.btn-outline-primary:hover{box-shadow:0 5px 15px #007bff4d}.card-title{margin-bottom:1rem;font-size:1.75rem;font-weight:600}.card-text{color:#6c757d;margin-bottom:1.5rem}.card-text:hover{color:#fff}.nav-style-btn{color:var(--neutral-700);background-color:var(--primary-50);border-radius:6px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:1.5rem;padding:.8rem 1.2rem;font-size:1.1rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-style-btn:hover{color:var(--primary-600);background-color:var(--primary-100);text-decoration:none!important}.nav-style-btn i{color:var(--primary-500);font-size:1rem}@media (max-width:768px){.role-card{margin-bottom:2rem}.icon-container{height:80px}.card-body{padding:3rem 1.5rem!important}.nav-style-btn{padding:.7rem 1rem;font-size:1rem}}