.role-selection-card{display:flex;align-items:center;gap:1.25rem;padding:1.5rem;background:#fff;border:1.5px solid #e2e8f0;border-radius:1.2rem;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1)}.role-selection-card:hover{border-color:var(--teal);background:#14b8a605;box-shadow:0 12px 24px -8px #14b8a626}.role-icon-wrapper{width:52px;height:52px;border-radius:1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease}.doctor-theme{background:#14b8a61a;color:var(--teal)}.hospital-theme{background:#0ea5e91a;color:var(--blue)}.institution-theme{background:#6366f11a;color:#6366f1}.role-selection-card:hover .role-icon-wrapper.doctor-theme{background:var(--teal);color:#fff}.role-selection-card:hover .role-icon-wrapper.hospital-theme{background:var(--blue);color:#fff}.role-selection-card:hover .role-icon-wrapper.institution-theme{background:#6366f1;color:#fff}.role-content{flex:1}.role-title{display:block;font-family:Poppins,sans-serif;font-size:1.1rem;font-weight:700;color:#0f172a;margin-bottom:.15rem}.role-subtitle{margin:0;font-size:.85rem;color:#64748b;line-height:1.4}.role-arrow{font-size:1.25rem;color:#cbd5e1;transition:all .3s ease}.role-selection-card:hover .role-arrow{color:var(--teal);transform:translate(5px)}.login-card-modern .modern-glass-card:hover{transform:none!important;box-shadow:0 20px 60px -10px #0000001f!important}